网页常见布局,左右固定,中间宽度随屏幕尺寸自适应:
<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>
本文介绍了一种常见的网页布局方法,即左右两侧固定宽度而中间部分自适应屏幕尺寸的布局方案。通过使用 CSS 的 float 和 overflow 属性,实现了左右两侧元素的固定定位及中间内容区的自适应效果。
212

被折叠的 条评论
为什么被折叠?



