<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>多列布局:使用float和margin</title>
<!-- ie6下有3px的bug。right下的p清除浮动将产生bug -->
<style type="text/css">
#left{
float: left;
width: 100px;
background-color: red;
}
#right{
margin-left: 120px;
background-color: aqua;
}
</style>
</head>
<body>
<div>
<div id="left">
我在左边,宽度固定
</div>
<div id="right">
我在右边,自适应
</div>
</div>
</body>
</html>
CSS 多列布局:使用float和margin
猜你喜欢
转载自blog.csdn.net/xvzhengyang/article/details/84638904
今日推荐
周排行