具有固定高度和自動寬度的CSS Div

所以我想製作一個div容器，我給出了一個固定的高度，並且希望它自動適合其寬度，即使它超過了屏幕的100％寬度。只需聲明寬度：div的css上的auto就不起作用，因爲它不會超過屏幕的100％。具有固定高度和自動寬度的CSS Div

.container { 
    background: red; 
    height: 200px; 
    width: auto; 
}

這裏是一個演示：

2013-03-29 Wintersun

如果你想讓div包含整個寬度，只需不要爲CSS添加寬度屬性。我在你的小提琴中看不到任何問題。也許你沒有足夠好地解釋這個問題。 – Scott

使用下面的CSS爲您的身體，並嘗試一次，看看你得到你想要的東西。

 body 
      { 
      margin : 0; 
      padding: 0; 
      }

2013-03-29 18:56:35 Devesh

而是寬度嘗試使用display:inline-block

2013-03-29 18:59:42 crstamps2

我只是添加到您的CSS類.container

position: relative; display: table;

現在你的內容似乎也意識到內容的高度。您設置的紅色背景會根據內容進行相應擴展。那是你想要達到的目標嗎？

2016-09-03 06:36:40

對不起，我看到你想擴大寬度而不是高度..我想下面的建議顯示：inline-block ;,那不是爲我工作..我玩更多的東西... un momento por favor –

如果你添加了， td {float：left;寬度：100％：} 應擴展每個區塊100％的可用查看區域 –

回答