超级会员免费看
网页布局技巧：从液态到绝对定位
1. 液态与冻结布局
在网页设计中，我们常见两种布局方式：液态布局和冻结布局。
液态布局就像水一样，会根据浏览器窗口的宽度自动扩展，填满可用空间。这种布局能让用户充分利用屏幕空间。例如，当我们调整浏览器窗口大小时，页面内容会自适应地展开或收缩。
而冻结布局则不同，它会将页面元素固定在一个特定的宽度上。当用户调整浏览器窗口大小时，页面布局不会改变，避免了因窗口扩展带来的一些问题。
要将当前页面转换为冻结布局，只需要在 HTML 中添加一个新的 <div> 元素，并在 CSS 中添加一条新规则。
HTML 更改 ：
在 <body> 标签内，在 <header> 标签之前添加一个带有 id="allcontent" 的 <div> 标签，并在 <footer> 标签之后关闭它。示例代码如下：
<body>
<div id="allcontent">
<div id="header">
...rest of the HTML goes here...
</div>
</div>
</body>
订阅专栏 解锁全文
扫一扫
1052
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
