博客

第一种用法

<div class=”box wrapper”>

多类名的形式在最外层容器直接使用版心

适用于: 当前模块 没有通栏效果

</div>

第二种用法

<div class=”box”>

<div class=”wrapper”>

在模块容器内部 重新定义一个版心

有通栏 通栏内部有一个版心

</div>

<!– 版心的作用: –>



<!– 为什么版心通常都在980 – 1250之间呢 –>



<!– 因为市面上常见的分辨率1366 – 1920 –>



<!– 取此区间,就是为了让绝大部分用户都可以正常访问网页 –>

<!– 因为版心在此区间,还有水平居中属性,所以让网页的主题内容全部呈现在页面的正中央 –>

<!– 用户的屏幕小, 左右的留白就看起来窄一些,但是实际内容还是可以全部预览 –>



<!– 用户的屏幕大, 左右的留白就看起来宽一些,但是实际内容还是可以全部浏览 –>