本文介绍两种网页布局方法：一种使用浮动属性让两个不同颜色的方块并排显示；另一种使用绝对定位实现相同效果。这两种方法适用于前端开发中常见的布局需求。
<![CDATA[
<body>
<div id="id1">
</div>
<div id="id2">
</div>
</body>
]]>
方法一：浮动实现
#id1 {
background-color: #000;
width:100px;
float:left;
height:200px;
}
#id2 {
background-color: #0f0;
height:200px;
}
方法二：绝对定位实现
#id1 {
background-color: #000;
width:100px;
position:absolute;
left:0px;
height:200px;
}
#id2 {
background-color: #0f0;
height:200px;
margin-left:100px;
}
扫一扫
2831
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
