对于用div+css随心所欲布局的思考

时间:2022-01-20 10:14:44

在div+css取代Table成为主流的时代,学会用其进行随心所欲的布局是一个不可回避的技能。那么,重点掌握哪几个要点呢?

  1. 整体布局:从整体到局部的顺序进行布局,逐步定义div集css样式;
  2. 灵活运用margin,width,display等属性进行居中、自适应宽度与否、块级/内联元素异或隐藏元素
  3. float:浮动标签
  4. 块级元素与内联元素:是否整行占用
  5. 相对定位与绝对定位:在二级菜单中经常用到。

最后,还是在实践中摸索经验。欢迎交流。