前言:
百度前端技术学院,任务三:三栏式布局
注意:
子DIV的顺序必须是浮动的子DIV在前面,不浮动的在后面,比如此例子的子DIV包含三个:left,middle和right。
在主DIV里加入子DIV的时候的顺序必须按照left>right>middle的顺序。
原因:
如果middle放中间的话,right的div会在middle的下一行向右浮动(即需要清除浮动)
CSS书写顺序:
1.位置属性(position, top, right, z-index,display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing,color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)
代码地址:点击打开链接
demo:点击打开链接