Question

我希望这不是转发！我到处都是，所以如果是的话，我很抱歉。

我有一个标题div，位置：固定，它有一些图像链接和一个登录div。由于position：fixed相对于窗口，每当我调整窗口大小以测试流动性时，标题div中的内容会被卡住并开始下拉页面。

有没有让水平滚动条出现并删除空格？我在身体和头部div上设置了最小宽度，但没有运气。我目前没有为IE编码，现在只使用最新的Chrome和Firefox进行测试。

感谢您的帮助！

CSS：

body {
min-width:1000px;
padding-top:0;
padding-bottom:0;
margin:0;
background-color:#022F00;
}

.container {
padding: 0;
margin-left:auto;
margin-right:auto;
height:100%;
margin-top:160px;
}

.header {
width:inherit;
padding:5px;
position:fixed;
left:20px;
right:20px;
top:15px;;
min-width:850px;
}

.login {
float:right;
padding:0;
margin:0;
border:0;
position:relative;
}
img {
margin:0;
border:0;
padding:0;
}

a {
margin:0;
border:0;
padding:0;
}

HTML：

<body>
<div class="container">
<div class="header" id="titlebar"><img src="title.jpg" /><a href="createaccount.php"><img src="newaccount.jpg"></a><a href="addarticle.php"><img src="newarticle.jpg"></a><a href='myaccount.php' rel=''><img src="myaccount.jpg"></a>
    <div class="login" id="logindiv">content</div>
</div>
</div>
</body>

Answer 1

我找到了这个解决方案，它可能对你有帮助

为容器设置最小宽度：

#container { min-width: 1000px;}

您可能需要查看此链接

Two divs floating left and right: How can I keep them on the same level when a page resizes?

这是一个答案 “两个div左右浮动：当页面调整大小时，如何将它们保持在同一级别？”follow this link

防止定位内容：固定;当窗口调整大小时，div来自聚束

1 个答案: