网上科普有关“DIVCSS怎么做网页”话题很是火热，小编也是针对DIVCSS怎么做网页寻找了一些与之相关的一些信息进行分析，如果能碰巧解决你现在面临的问题 ，希望能够帮助到您。
第一、float属性：DIV（层）默认是占据一整行 ，对于常见的两列或多列布局的设计，需要能够正确设置float及width属性实现效果。多列布局结束后如果跟了一个占据通栏的层 ，此时需要设置clear属性清除层浮动 。
第二、盒模式：层具有宽度width 、高度height 、边框border、内间距padding和外间距margin等属性 ，而层实际占据的空间是上述属性值相加的大小，合理运用这些属性能实现紧凑而又美观的网页布局 。
第三 、层嵌套：有经验的网页设计师都知道层不宜嵌套过多 ，一般不超过3层 ，嵌套过多的会导致代码复杂冗余 、维护困难及运行慢的问题。另外，在多列布局时完全可以用层浮动实现 ，不需要整体设置一个ie层来嵌入 。
单独提下浏览器兼容的话题 。DIV+CSS相比TABLE布局 ，更容易出现多种浏览器不兼容的问题，主要原因是不同的浏览器对web标准默认值不同。国内主流是ie ，firefox及chrome用的较少 ，在兼容性测试方面，首先需要保证在ie多版本不出现问题，这里设计到一些方法和技巧 ，可以针对具体问题在网站查找解决办法 。
总结：DIV+CSS相比TABLE有根多的优势 ，网页设计师应该及早摒弃TABLE方式，这样更有利于督促自己深入学习DIV+CSS知识 。学习并使用DIV+CSS的网页设计方式并不难 ，只要了解一些基础知识 ，然后多做几个案例就能逐渐理解掌握。
首先 先实现，需要 两个文件 。
第一个：html
第二个：div+CSS
HTML?代码如下：
<div >
<div >
<div >
</div>
?<div >
<div >
</div>
?<div >
?
</div>
</div>
?
?<div >
<div >
</div>
?<div >
?
</div>
</div>
</div>
?<div >
? <div >
</div>
<div >
</div>
</div>
</div>
CSS 文件如下：
.mar10{ margin-bottom:10px;}
.divmain{margin-left:auto;margin-right:auto;width:950px}
.left{float:left;width:600px;margin-right:10px}
.left .lef_top{height:200px;background:#9C3;}
.left .lef_mid{height:50px;}
.left .lef_mid .lef_mid_main1{float:left;width:300px;height:50px; background:#06F}
.left .lef_mid .lef_mid_main2{float:left;width:300px;height:50px; background:#63F}
.left .lef_btm{height:50px;}
.left .lef_btm .lef_btm_main1{float:left;width:300px;height:50px; background:#C03}
.left .lef_btm .lef_btm_main2{float:left;width:300px;height:50px;background:#FC0}
.right{float:left;width:340px}
.right .rig_top{height:260px; background:#FC9}
.right .rig_btm{height:50px; background:#F9F}
下面是运行出来的效果
关于“DIVCSS怎么做网页”这个话题的介绍 ，今天小编就给大家分享完了 ，如果对你有所帮助请保持对本站的关注！
本文来自作者[一条小北晶]投稿，不代表哔哔号立场，如若转载，请注明出处：https://www.ibb4.com/cshi/202512-1835.html
评论列表（4条）
我是哔哔号的签约作者“一条小北晶”！
希望本篇文章《DIVCSS怎么做网页》能对你有所帮助！
本站[哔哔号]内容主要涵盖：国足,欧洲杯,世界杯,篮球,欧冠,亚冠,英超,足球,综合体育
本文概览：网上科普有关“DIVCSS怎么做网页”话题很是火热，小编也是针对DIVCSS怎么做网页寻找了一些与之相关的一些信息进行分析，如果能碰巧解决你现在面临的问题，希望能够帮助到您。第...