css - 当子元素超出窗口宽度时，如何让父元素跟随子元素的宽度，而不是100%

问题描述

问 题

默认情况下，块元素宽度为100%，即浏览器可视窗口的宽度，即便是子元素超出窗口宽度时。
如何让父元素跟随子元素的宽度，最好是纯css的解决方案

demo

 <div class="wrapper">
   <div class="parent">
     <div class="child">
       <img width="6000" src="http://img22.mtime.cn/up/2010/08/24/001918.55409857_o.jpg" alt="">
     </div>
   </div>
 </div>

像上面的例子，img宽度为6000px，而'child','parent','wrapper'统统为窗口宽度，而不是6000px;

解决方案

我不太明白你的意思，你是说这种情况：

<a>
    <div style="width:100%;height:50px"></div>
</a>

a标签获得div元素的宽度？那你直接把a元素设置为块级元素display:block就可以了

这篇关于css - 当子元素超出窗口宽度时，如何让父元素跟随子元素的宽度，而不是100%的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！