DIV CSS宽度总计之CSS网页结构错位
为什么计较宽度
总计网页像素宽度是为了CSS网页构造错落与兼容。常见的我们组织摆布结构网页或使用padding、margin组织的时刻将较量争论整页宽度，如果不合计不论是宽度过大太小就会呈现错位标题问题。
怎么算计CSS宽度
例一：咱们共计一个摆布结构的构造花色。
若是总宽度为400px，那末摆布加起来就应该小于400px，那咱们也许左边为300px，右边为100px
粗略代码：
- <!DOCTYPE html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>左右结构宽度算计css5.com.cn</title>
- <style type="text/css">
- .yangshi{width:400px;}
- .zuo{ float:left; width:300px; bac公斤round:#CCC;}
- .you{ float:right; width:100px; bac千克round:#999}
- </style>
- </head>
- <body>
- <div class="yangshi">
- <div class="zuo">左边300px</div>
- <div class="you">左侧100px</div>
- </div>
- </body>
- </html>
以上为正确的摆布结构总宽度偏偏便是400px纰谬： 如果咱们在总宽度坚决情况下，左边为300px，而左侧为120px那总宽度超越了20px，我们看看会出现甚么标题
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/shili/s52146.shtml
