电话
13363039260
DIV CSS宽度计算之CSS网页布局错位
2024-01-18 11:26 小编
为甚么算计宽度
总计网页像素宽度是为了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; background:#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
猜你喜欢
联络方式：
13363039260
微信二维码 