CSS布局指南:全屏布局 网页制作

CSS布局指南:全屏布局

全屏布局,就是实现经典的头部,内容区,底部三大区域占满全屏的布局,这种布局很常见。 实现效果如下: 分析: 这里采用的方案是,头部底部使用fixed定位,中间使用之前讲到的两列布局技术。 注意: 头部...
阅读全文
CSS布局指南:N列布局 网页制作

CSS布局指南:N列布局

2.1 两列布局 这里的两列布局指的是,其中一列是定宽元素,另一列元素宽度自适应。比如,我们实现做列定宽,右列自适应的布局。 效果图如下: 方案一. 左边元素浮动,定宽,右边元素设置margin-le...
阅读全文