html简单定位
2015-10-08 10:59
169 查看
[b](1) 两个块水平排列[/b]
[b](2)四个块两两排列[/b]
代码同上,都将float设为left.
将第一和第三块的宽度设为60% 将第二和第四块的宽度设为40%
将两个块都设为浮动即可。注意不能将两个块的position属性设为absolute(绝对定位) #div1{ background-color: red; float:left; } #div2{ background-color: gray; float: left; } 如果两个块的width用%表示,相加大于100%,两个块会变为上下排列。如一个是width:60% 另一个是width:70%
[b](2)四个块两两排列[/b]
代码同上,都将float设为left.
将第一和第三块的宽度设为60% 将第二和第四块的宽度设为40%