CSS入门笔记——Float布局

123 阅读1分钟

ling# float布局

步骤

  • 子元素加上float:left和width
  • 在父元素上加 .clearfix

image.png

.clearfix:

.clearfix:after {
  content: '';
  display: block;
  clear: both;

做一个导航栏:

做一个内容区:

平均布局(负margin):