另一个是按顺序写,左边的定义左浮动,右边的定义右浮动,但这样外盒的高度要给定一下,要不容易出问题
New
Document
.top{
width:400pxborder:1px
solid
grayline-height:2em
}
.left{
float:left
display:inline
}
.right{
float:right
display:inline
}
右浮动:
右边内容写在左边
左边内容写在右边
左右浮动:
左边内容写在左边
右边内容写在右边
看了一下行高不是很高.正常的.#list{width:300pxmargin:0 autobackground:#d0d0d0height:160pxpadding:30pxoverflow:hidden}
#list li{line-height:21pxwidth:300pxclear:both}
将list高度去掉 list li 行高度 line-height 可以改小一点
#list{width:300pxmargin:0 autobackground:#d0d0d0padding:30pxoverflow:hidden}
#list li{line-height:20pxwidth:300pxclear:both}
放对位置就行了<style type='text/css'>
li{
float:left
list-style-type:none
width:100px
margin:1px
background-color:silver
}
.b{
display:none
}
.bb:hover .b{
display:block
}
</style>
<ul>
<li class='bb'>1
<ul class='b'>
<li>11</li>
<li>12</li>
</ul>
</li>
<li>2</li>
</ul>
