独行DIV自适应宽度布局CSS实例与扩大应用范围
DIVCSS5先给大家介绍独立一列自适应宽度,也就是单独一行宽度自适应DIV的布局。通过DIV CSS实例CSS自适应宽度布局方法,再过常见用处介绍充分掌握自适应独占一行一列的布局技巧。
关键点:自适应,这个时候就不能使用固定的CSS宽度值,这个时候就只能使用百分比的宽度表达宽度。
关键代码:width:?% 以百分比为单位的百分比值,自然对象会根据设置百分比自动计算该对象宽度。
实例CSS代码:
.box{ width:60%; height:80px; border:1px solid #F00; margin:0 auto}
说明:这里设置宽度为60%,为了便于观察到效果,所以给予设置高度和红色边框,因为考虑到独立设置一个DIV盒子一般居中的,所以设置margin:0 auto
html>
独立一个宽度自适应实例.box{ width:60%; height:80px; border:1px solid #F00; margin:0 auto}
内容