图片中第四个li中我嵌套了一个ul，设定嵌套ul中li的背景色时，总是不能将嵌套的ul全部的嵌套到li中。
应该如何解决呢？
第四个li display: table;
设置ul，li的padding:0
第四个li display: table;
<html lang='en'> <head> <meta charset='utf-8'> <title>ul-study</title> <style type="text/css"> .ul-01{list-style-type: none;} .ul-01>li{float: left;margin: 5px;padding: 3px 10px; background-color: red;cursor: pointer;border-radius: 5px;} .ul-02{list-style-type: none;margin: 0px;} .ul-02>li{margin: 3px 0px;mbackground-color: blue;padding: 0px 10px;width: 100%;background-color: blue;} </style> <script type="text/javascript"> window.onload=function(){ var ulss=document.getElementById('ul-02-s'); function lish(para){ var lis=document.getElementsByName('lis'); for(var i=0;i<lis.length;i++){ lis[i].style.display=para; } } ulss.onmouseover=function(){ lish("block"); } ulss.onmouseout=function(){ lish("none"); } } </script> </head> <body> <ul class='ul-01'> <li>bbb</li> <li>aaa</li> <li>ccc</li> <li style='padding:0px 0px;display:table;'> <ul class='ul-02' id='ul-02-s'> <li>请选择</li> <li class='li-sh' name='lis'>111</li> <li class='li-sh' name='lis'>222</li> <li class='li-sh' name='lis'>333</li> </ul> </li> </ul> </body></html>
设置ul，li的padding:0
.ul-02>li{margin: 3px 0px;mbackground-color: blue;padding: 0px 10px;background-color: blue;}
设置pdding：0；可以解决，或者你把ul设定宽度或者百分比，这样li就可以随意改变了
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
959
