Html CSS：Internet Explorer与Chrome/Firefox
大家好，我的社区， 坦率地说，我遇到了一个困扰我的问题，我很惊讶我没有更早地遇到这个问题 如果我忽略了一些简单的事情，我表示歉意——我做了大量的Google和StackOverflow搜索，但没有结果 我的问题是，在Firefox/Chrome中，当对Div应用填充时，容器被拉伸到指定的填充量，但在IE中没有。我看到过添加“display:inline；”或“display:inline block；”来解决问题的建议，但这对我有影响 下面是一个渲染示例： 这个例子的代码是：Html CSS：Internet Explorer与Chrome/Firefox,html,css,internet-explorer,Html,Css,Internet Explorer,大家好，我的社区， 坦率地说，我遇到了一个困扰我的问题，我很惊讶我没有更早地遇到这个问题 如果我忽略了一些简单的事情，我表示歉意——我做了大量的Google和StackOverflow搜索，但没有结果 我的问题是，在Firefox/Chrome中，当对Div应用填充时，容器被拉伸到指定的填充量，但在IE中没有。我看到过添加“display:inline；”或“display:inline block；”来解决问题的建议，但这对我有影响 下面是一个渲染示例： 这个例子的代码是： <html
<html>
<head>
<style type="text/css">
#div1 {
background-color:black;
width:400px;
height:300px;
padding-top:10px;
}
#div2 {
background-color:red;
width:400px;
height:280px;
padding-top:10px;
}
#div3 {
background-color:blue;
width:400px;
height:260px;
padding-top:10px;
}
#div4 {
background-color:green;
width:400px;
height:200px;
}
</style>
</head>
<body>
<div id="div1">
<div id="div2">
<div id="div3">
</div>
</div>
</div>
<div id="div4">
</div>
</body>
</html>
#第一组{
背景色：黑色；
宽度：400px；
高度：300px；
填充顶部：10px；
}
#第二组{
背景色：红色；
宽度：400px；
高度：280px；
填充顶部：10px；
}
#第三组{
背景颜色：蓝色；
宽度：400px；
高度：260px；
填充顶部：10px；
}
#第四组{
背景颜色：绿色；
宽度：400px；
高度：200px；
}
谢谢。A