-
单排DIV自适应宽度布局CSS实例和扩大应用范围divcss5首先向你介绍一个独立排自适应宽度，即通过DIV CSS实例css自适应宽度布局方法，单排宽度自适应div的布局，然后自适应独占一行和一列布局技巧介绍共同使用。
关键点：自适应，此时你不能使用固定的CSS宽度值，而这一次你只能用一个百分比宽度来表示宽度。
键码：宽度：百分之%的比率，自然物体将根据百分比设定自动计算对象的宽度。
实例CSS代码：
复制代码如下：。箱{宽度：60%；高度：80px；边框1px solid # F00；保证金：0汽车}
说明：在这里设置宽度为60%。为了便于观察效果，设置高度和红色边框，因为考虑div框的独立设置通常为中心，设置边距：0自动。
完整的HTML源代码（包括HTML和CSS）：
复制代码代码如下所示：
U3000 U3000
U3000 U3000
U3000 U3000
独立宽度自适应实例
U3000 U3000
。箱{宽度：60%；高度：80px；边框1px solid # F00；保证金：0汽车}
U3000 U3000
U3000 U3000
U3000 U3000
内容
U3000 U3000
U3000 U3000
示例效果截图：
以上是一个独立的一行自适应宽度的完整例子。
divcss5扩展思维：
1，在一般的网页布局中，主体内容是固定宽度的，所以特定宽度是根据原图来确定的，但有时也不排除宽度是自适应的。此时，固定宽度样式无法设置。
2、当地的DIV CSS布局，因为他们设定一个具体的宽度在最外层，和孤独的孩子有时你不需要设置样式的宽度，所以默认的宽度是100%分，如果一个对象设置一个固定的宽度，而不是子集设置宽度和设置paddding左或右（或填充两套）当浏览器解释这个div的宽度部分仍将占据总宽度减去填充很聪明。一般来说，当一个布局是本地的，单排的div不能设置具体的宽度或百分比宽度只要不使用花车，因为浏览器可以智能地根据级别的父级过程的宽度。