2017-06-08 63 views
0

我有以下標記:防止倒塌的div如果孩子分鐘,用一套

<html> 
<head> 
    <style> 
     html, 
     body { 
      margin: 0; 
      width: 100%; 
      background: #000; 
     } 

     .wrapper { 
      min-width: 1000px; 
      background: #f00; 
      height: 300px; 
     } 
    </style> 
</head> 
<body> 
    <div class="problem-div"> 
     <div class="wrapper"></div> 
    </div> 
</body> 
</html> 

當我調整瀏覽器窗口DIV.problem-DIV需要身體,HTML或視口(我不知道到底) 。我需要的是讓該div取其寬度(.wrapper)而不設置其最小寬度或使其絕對定位。可能嗎?

回答

0

Div是塊級元素,其寬度始終爲100%。將display屬性設置爲inline-block,這應該會得到所需的結果。

.problem-div { 
    display: inline-block; 
} 
+0

你讓我的夜晚:)謝謝 –