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

rossroma
  • 188

默认情况下,块元素宽度为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;

回复
阅读 5.2k
1 个回答

我不太明白你的意思,你是说这种情况:

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏