本文介绍了一种常见的网页布局方法，即左右两侧固定宽度而中间部分自适应屏幕尺寸的布局方案。通过使用 CSS 的 float 和 overflow 属性，实现了左右两侧元素的固定定位及中间内容区的自适应效果。
网页常见布局，左右固定，中间宽度随屏幕尺寸自适应：
<style type="text/css">
.zuo{width: 100px;height: 100px;float: left;background-color: red;border: 1px solid;}.you{width: 100px;height: 100px;float: right;background-color: green;border:1px solid;}
.zh{overflow: hidden;background-color: blue;border: 1px solid;height: 500px;}
</style>
<body>
<div class="zuo"></div>
<div class="you"></div>
<div class="zh"></div>
</body>
扫一扫
212
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
