css 布局 两列
<!DOCTYPE>
<html>
<head>
<style>
#container {
border: 5px solid blue;
height: 400px;
width: 400px;
margin: 0 auto;
}
#head {
border: 5px solid red;
height: 50px;
width: 390px;
}
#left {
border: 5px solid yellow;
height: 200px;
width: 80px;
float: left;
}
#right {
border: 5px solid pink;
height: 200px;
width: 300px;
float: right;
}
#footer {
border: 5px solid black;
height: 120px;
width: 390px;
clear: both;
}
</style>
</head>
<body>
<div id="container">
<div id="head"></div>
<div id="left"></div>
<div id="right"></div>
<div id="footer"></div>
</div>
</body>
</html>
扫一扫
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
