css 学习笔记

行内元素不能设置宽高，但设置其为float时就可以设置宽高.

当你设置一个元素为 box-sizing: border-box; 时，此元素的内边距和边框不再会增加它的宽度。
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

<div class="absolute"> 它会相对于 父元素里position 为非static 而定位 且其本身是脱离文档流的
position: fixed; 相当于浏览器窗口固定定位
有时候可以用 float 定位的都可以用父position 为 relative 子 为 absolute 来定位

css 坑一:
  三列布局时 中间的middle 应该放在float 元素之后
  .left{
  float:left;
  }
  .right{
  float:right;
  }
  .middle{
   margin-left:
   margin-right:
  }
  <div class="left"></div>
  <div class="right"></div>
   <div class="middle"></div>