CSS之两栏固定布局(二)

来源:互联网 发布:淘宝设置满减 编辑:程序博客网 时间:2024/05/17 07:23

3. 负margin布局

这里写图片描述

3.1

HTML:

这里写图片描述

- 页面分为三个部分,头部(div#header)、主体(div#page)、脚部(div#footer),同样在这三个容器中使用了内容器(div.container)用来控制内容的居中

负margin布局,从字面上大家都能知道是使用元素的负margin来实现布局。其实更简单点理解就是使用元素的margin配合float的方向,从而达到我们需要两栏布局效果

这里写图片描述

这里写图片描述

这里设置浮动和width

这里写图片描述

阅读全文
0 0