UC知道网页制作：div+css+ul+li出现的问题。。。。。。。。。。。。。
来源：百度知道 编辑：UC知道 时间：2024/07/04 06:40:29
div+css+ul+li出现的问题：
<div id="sidebar">
<div id="left">
<ul>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
</ul></div>
<div id="right">
<ul>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
</ul>
<div>
</div>
我想使left和right浮动在同一行，sidebar设定宽177PX,可是浮动后，dreamweave让列排的乱七八糟，有一个ul里的字都竖直着排，而且两个div 也不是完整对齐，即使设定div ul li的margin=“0”padding=“0”li和左边总有42px的间距，在IE8中很明显，在dreamweave cs4中也是。但在360中，这中情况却消失了。这到底是为什么啊？？？
css代码如下：
#sidebar，ul，li {
margin：0；
padding：0；
}
#right，#left {
float：left；
margin-left：5px；
}
采用XHTML1.0
<div id="sidebar">
<div id="left">
<ul>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
</ul></div>
<div id="right">
<ul>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
</ul>
<div>
</div>
我想使left和right浮动在同一行，sidebar设定宽177PX,可是浮动后，dreamweave让列排的乱七八糟，有一个ul里的字都竖直着排，而且两个div 也不是完整对齐，即使设定div ul li的margin=“0”padding=“0”li和左边总有42px的间距，在IE8中很明显，在dreamweave cs4中也是。但在360中，这中情况却消失了。这到底是为什么啊？？？
css代码如下：
#sidebar，ul，li {
margin：0；
padding：0；
}
#right，#left {
float：left；
margin-left：5px；
}
采用XHTML1.0
把源代码全部粘出来吧，就这点DEMO代码不够，比如头部调用的哪个标准也有关系，DIV没有完整对齐，在id为right的标签后加去除浮动可以解决~
另有时间多看看DIV+CSS构建站点相关书籍吧~
提问方法不对，无法给你提供解答。你应该贴出一个完整的网页来，里边带着样式表。
设置li的float属性了吗？另外给left和right两个div指定宽度和高度试试
你可以嵌套div么！你试试……