3. 负margin布局

CSS之两栏固定布局(二)

3.1

HTML:

CSS之两栏固定布局(二)

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

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

CSS之两栏固定布局(二)

CSS之两栏固定布局(二)

这里设置浮动和width

CSS之两栏固定布局(二)

相关文章:

  • 2021-11-14
  • 2022-02-14
  • 2021-12-11
  • 2022-02-09
  • 2021-07-12
  • 2021-08-09
  • 2021-11-29
猜你喜欢
  • 2021-12-09
  • 2022-01-28
  • 2022-01-16
  • 2022-02-13
  • 2022-01-06
  • 2022-01-02
  • 2022-01-17
相关资源
相似解决方案