代码示例如下:
html结构如下:
ltdivgt
ltdivgtlt/divgt
ltdivgtlt/divgt
ltdivgtlt/divgt
lt/divgt
实现的想法是:
1.首先,定义外部容器的大小,在本例中是200x200。
。换行{
position:亲戚
width:200px
h:200px
隐藏的ov:
}
2.通过bord:100%
box-sizing:边框
bord:20px固体红
bord:50%
}
框大小的默认值是内容框。此属性没有继承。如果以类似*的设置框大小,它可以被框大小的默认值覆盖,但应该注意,优先级应该足够高,以覆盖原始属性,如div{box-sizing:边框。}
总宽度宽度(width:内容区域的宽度)pdding边框
css3增加了框大小属性。当框大小设置为边框时,
内容区域填充边框的总宽度。
盒子大小的默认值是centent-box,盒子标准与css2中的相同。
主体设置高度100%,框大小内容,填充底部50px,相对位置。
页脚,只需设置绝对位置,高度50px,左0和右0底部0。