IE9：Div內Div，其中內部div有更大的寬度

我有一個網站，其中有一個容器div的寬度比容器div的寬度更大。IE9：Div內Div，其中內部div有更大的寬度

在Firefox & Chrome中，此內部div不會增加父div的寬度。然而，在IE中，情況正好相反。

我需要這樣做，容器div不會增加它的寬度，因爲它內部的div較大。

這在IE中甚至可能嗎？

非常感謝

來源

2012-04-14 tensai288

['overflow-x：hidden']（http://www.w3schools.com/cssref/css3_pr_overflow-x.asp）？ – GSerg 2012-04-14 19:28:29

如果您指定符合標準的模式，在IE9中不會發生這種情況。

嘗試將<!DOCTYPE html>置於HTML文件的頂部。

<!DOCTYPE html> 
<div style="width: 250px; height:150px; background-color: #ff0"> 
<div style="width: 500px; height:100px; background-color: #f00"> 
blaaah 
</div> 
</div>

顯示： Screenshot showing the working code. Before anyone comments: html, head and body tags are optional in HTML5

但是，如果你在運行Quirks模式相同的代碼（通過F12開發菜單），它並擴大外div。您會發現啓用符合標準的模式將大大提高Internet Explorer與您的網站的兼容性！

來源

2012-04-16 17:07:59

謝謝你們 - 我有一個如上所述的文檔類型問題。我確實有一個聲明，但我有一個PHP腳本，在聲明之上回顯內容！ – tensai288 2012-04-16 21:15:34

IE9：Div內Div，其中內部div有更大的寬度

回答

相關問題