首页 > 代码库 > div的一些易出错地方

div的一些易出错地方

1.div中放一张图片老是显示不出来?

解决方法如下: 

     设置一下div的宽度与高度,然而此时直接写width与height是不对的,对于块级元素没有这个属性,只能在style="width:200px;height:200px"中设置div的宽与高

2.div设置了颜色显示不出来?

看如下代码:

     <div style="width:960px;background-color:red;">
         <div style="width:300px; height:300px; float:left">左侧</div>
         <div style="width:300px; height:300px; float:left">中部</div>
         <div style="width:300px; height:300px; float:left">右侧</div>
     </div>

该问题的解决方法是:在外层的div中设置高度

     <div style="width:960px;background-color:red;height:300px">
         <div style="width:300px; height:300px; float:left">左侧</div>
         <div style="width:300px; height:300px; float:left">中部</div>
         <div style="width:300px; height:300px; float:left">右侧</div>
     </div>

div的一些易出错地方