HTML/CSS：Probleme與我創建了這個測試頁全寬

： http://uploads.dennismadsen.com/width.html HTML/CSS：Probleme與我創建了這個測試頁全寬

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="da-DK"> 
<head> 
    <title></title> 
</head> 
<body style="background-color:#e0e0e0;"> 

    <div style="width:1500px;background-color:#ff0000;">Container width a width of 1500px</div> 

    <div style="width:100%;background-color:#000;height:100px;"></div> 
</body> 
</html>

紅格爲1500px，黑色爲100％。

當瀏覽器窗口小於1500像素，例如1000像素時，黑色框只會和窗口一樣寬。我希望它能填充上面的內容。

請注意，紅色框具有動態寬度。所以我不能在黑匣子上設置min-width = 1500px等等。

來源

2011-09-01 dhrm

爲什麼不把紅色的div放在黑色的div裏面？並留下寬度= 100％ – sinelaw

要實現這樣的事情，你需要一個絕對的容器。

，將工作的標記是例如

<div style="position:absolute"> 
    <div style="width:1500px;background-color:#ff0000;">Container width a width of 1500px</div> 
    <div style="width:100%;background-color:#000;height:100px;"></div> 
</div>

編輯：你也可以把絕對對身體如果需要的話。

來源

2011-09-01 07:38:53

謝謝。這對我來說是訣竅:) – dhrm

不客氣:) –

我認爲我已經做到了這一點？ – dhrm

把它們都放在另一個div中。然後，該div將被推到其中的任何寬度（紅色div），並且寬度爲100％的東西將與其匹配

來源

2011-09-01 07:34:42

您只需用紅色包裝黑色div即可：

<body style="background-color:#e0e0e0;"> 

    <div style="width:1500px;background-color:#ff0000;"> 
     Container width a width of 1500px<!--this is where you closed your div--> 
      <div style="width:100%;background-color:#000;height:100px;"> 
      </div> 
    </div><!--this is where you should close it to make it work--> 
</body>

來源

2011-09-01 07:36:47 Kyle

HTML/CSS：Probleme與我創建了這個測試頁全寬

回答

相關問題