<div id="left">我是左边</div>
<div id="center">我是中间</div>
<div id="right">我是右边</div>
所以有了以下代码:
css样式默认加载顺序
- 样式表的元素选择器选择越精确,则其中的样式优先级越高:
id选择器指定的样式 > 类选择器指定的样式 > 元素类型选择器指定的样式 - 对于相同类型选择器制定的样式,在样式表文件中,越靠后的优先级越高
所以把类选择器center写在后面就可以了。
当然也写了另一种方法:
html,body{ margin: 0px;width: 100%; }
#left,#right{width: 200px;height: 200px;background-color: aqua;
position: absolute;}
#left{left: 0;top:0;}
#right{right: 0;top:0;}
#center{margin: 0 200px;background-color: blue;height: 200px;}