Html 当包装器div的宽度定义为100%时，为什么IE会显示水平滚动条？
我正在尝试为内部网创建一个流畅的设计。但是，下面的样式总是使IE始终显示水平滚动条。如果我将Html 当包装器div的宽度定义为100%时，为什么IE会显示水平滚动条？,html,css,Html,Css,我正在尝试为内部网创建一个流畅的设计。但是，下面的样式总是使IE始终显示水平滚动条。如果我将#wrapperdiv width更改为600px，则滚动条将消失。这就是问题所在 然而，我的问题是：为什么100%的宽度会导致水平滚动条？我该怎么解决呢 非常感谢您的帮助 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <
#wrapper<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style>
* { margin: 0; padding: 0; }
body { background: #ccc; margin: 10px; }
#wrapper { width: 100%; background: #fff; min-height: 100%; }
#header { height: 80px; border-bottom: 1px solid #ccc; }
#faux { height: 100%; }
#menu { float: left; width: 180px; }
#content { float: right; width: 100px; }
#header img { float: left; }
#header h2 { margin-top: 25px; float: right; }
</style>
</head>
<body>
<div id="wrapper">
<div id="header"><img src="theme/logo.gif"><h2>Pagetitle</h2></div>
<div id="faux">
<div id="menu"><?php echo $menu; ?></div>
<div id="content"><?php echo $content; ?></div>
</div>
</div>
</body>
</html>
*{边距：0；填充：0；}
正文{背景：#ccc；边距：10px；}
#包装{宽度：100%；背景：#fff；最小高度：100%；}
#标题{高度：80px；边框底部：1px实心#ccc；}
#人造{高度：100%；}
#菜单{浮动：左；宽度：180px；}
#内容{浮点：右；宽度：100px；}
#标题img{float:left；}
#页眉h2{页边距顶部：25px；浮点：右侧；}
页面标题
#header h2 { margin-top: 25px; float: right; font-style: italic; }
水平滚动条的问题是由
font-style:italic