首页 > Web开发 > 详细

css子元素父元素之 父元素未定义宽度。

时间:2015-09-22 21:50:18      阅读:406      评论:0      收藏:0      [点我收藏+]

css代码:

 
  1. /* CSS Document */  
  2. .a  
  3. {  
  4.     height:100px;  
  5.     background:#ff0;  
  6. }  
  7. .b  
  8. {  
  9.     background:#000;  
  10.     width:50px;  
  11.     height:50px;  
  12. }  

 html代码:

  1. <div class="a">  
  2. <div class="b">  
  3. </div>  
  4. </div>  
  5. </body>  

显示效果:

技术分享

发现:会出现父元素的宽度占满屏幕。

css代码:

 
  1. /* CSS Document */  
  2. .a  
  3. {  
  4.     width:100px;  
  5.     background:#ff0;  
  6. }  
  7. .b  
  8. {  
  9.     background:#000;  
  10.     width:50px;  
  11.     height:50px;  
  12. }  

 html代码:

  1. <div class="a">  
  2. <div class="b">  
  3. </div>  
  4. </div>  
  5. </body>  

显示效果:

技术分享

发现:父元素的高度却没有占满。


 

原因:div的是块状元素,所以宽度当然也会独占一行。

 


参考资料:http://www.zhihu.com/question/22974040

 

css子元素父元素之 父元素未定义宽度。

原文:http://www.cnblogs.com/imyp/p/4830422.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!