Html 最小化windows时内容会收缩 #标题， #主要的， #侧边栏， #页脚{ 背景色：黑色； 显示：内联； 位置：相对位置； 浮动：左； } #标题， #页脚{ 宽度：100%； 身高：25%； } #主要{ 宽度：68%； 身高：50%； 保证金权利：2%； } #边栏{ 宽度：30%； 身高：50%； } ....
您好，当windows最小化时，此代码段会收缩内容。我想要的结果是，当最小化它时，浏览器只有一个滚动条，内容不会移动到它们的位置。谢谢没有用您的代码测试它，但可能在body上设置Html 最小化windows时内容会收缩 #标题， #主要的， #侧边栏， #页脚{ 背景色：黑色； 显示：内联； 位置：相对位置； 浮动：左； } #标题， #页脚{ 宽度：100%； 身高：25%； } #主要{ 宽度：68%； 身高：50%； 保证金权利：2%； } #边栏{ 宽度：30%； 身高：50%； } ....,html,css,responsive-design,Html,Css,Responsive Design,您好，当windows最小化时，此代码段会收缩内容。我想要的结果是，当最小化它时，浏览器只有一个滚动条，内容不会移动到它们的位置。谢谢没有用您的代码测试它，但可能在body上设置min width就可以了 #header, #main, #sidebar, #footer { background-color: black; display:inline; position:relative;
min width #header,
#main,
#sidebar,
#footer {
background-color: black;
display:inline;
position:relative;
float:left;
}
#header,
#footer {
width:100%;
height:25%;
}
#main {
width:68%;
height:50%;
margin-right:2%;
}
#sidebar {
width:30%;
height:50%;
}
....
<body>
<div id="header"></div>
<div id="main"></div>
<div id="sidebar"></div>
<div id="footer"></div>
</body>
1170px当然可以是其他东西。谢谢min width适合我，但是当我的侧边栏和内容区域上有内容时，内容会放在侧边栏下。我希望这个结果在IE7上有效，而min width在IE7上不起作用。
body {
min-width: 1170px;
}