您的位置:首页 > Web前端 > HTML

html简单定位

2015-10-08 10:59 169 查看
[b](1) 两个块水平排列[/b]



将两个块都设为浮动即可。注意不能将两个块的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%
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: