<!DOCTYPE HTML>
<html>
<head>
<title>页面布局</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
body{
margin-top: 0px;
}
#header{
height: 100px;
background: #ff0;
}
#container{
padding-left: 200px;
padding-right: 150px;
}
#container .column{
float:left;
position: relative;
height: 500px;
}
#left{
width: 200px;
margin-left: -200px;
background: #999
}
#center{
width:100%;
overflow-x:scroll;
}
#right{
width: 150px;
margin-right:-150px;
background: #999
}
#footer{
height: 80px;
clear:both;
background: #ff0
}
</style>
</head>
<body>
<div id="header">header</div>
<div id="container">
<div id="left" class="column">left</div>
<div id="center" class="column">center
<div style="width: 2000px;">dd</div>
</div>
<div id="right" class="column">right</div>
</div>
<div id="footer">footer</div>
</body>
</html>
通用最好的页面布局-兼容各种浏览器
最新推荐文章于 2022-03-26 16:12:03 发布