li{width:100pxfloat:left} <ul>
<li>1</li>
<li>6</li>
<li>2</li>
<li>7</li>
<li>3</li>
<li>8</li>
<li>4</li>
<li>9</li>
<li>5</li>
<li>10</li>
</ul>
要不然用2个ul设为float也可以
两种方法,一个是右浮的写在前面,定义右浮动另一个是按顺序写,左边的定义左浮动,右边的定义右浮动,但这样外盒的高度要给定一下,要不容易出问题
New
Document
.top{
width:400pxborder:1px
solid
grayline-height:2em
}
.left{
float:left
display:inline
}
.right{
float:right
display:inline
}
右浮动:
右边内容写在左边
左边内容写在右边
左右浮动:
左边内容写在左边
右边内容写在右边
