position : static | absolute | fixed | relative
取值:
static : 默认值。无特殊定位,对象遵循HTML定位规则
absolute : 将对象从文档流中拖出,使用 left , right , top , bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据 body 对象。而其层叠通过 z-index 属性定义
fixed : 未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范
relative : 对象不可层叠,但将依据 left , right , top , bottom 等属性在正常文档流中偏移位置
看到有 position 的CSS样式 删了就可以了
CSS2,在除了IE之外的浏览器里可以实现。代码:
.class{
border-radius:5px /*5px为圆角的半径*/
}
.main{width:1000px}.cell{width:25%float:leftheight:200px}
.c1,c3{background-color:#ccc}
.c2,c4{background-color:#e0e0e0}
<div class="main">
<div class="cell c1"></div>
<div class="cell c2"></div>
<div class="cell c3"></div>
<div class="cell c4"></div>
</div>
这是横向平分的例子, 你说的是面积平分吗?还是纵向平分?