Question

html和css相当新，我只是遇到了标题中描述的问题。我的导航正在用id主推下div。

nav{
width:120px;
float:left;
margin:0px 5px 0px 5px; 

#main{
display:inline-block;
padding: 1em;
float:left;
position:relative;
min-width: 900px;

欢迎任何帮助，欢呼。

编辑：

大家好，也许我应该更好地解释一下。在页面上，左侧有一个导航，右侧有一个div。当窗口宽度变小时，右侧的div被推到导航器下方，而不是停留在它的位置，并且它的内容显示在屏幕上。

Answer 1

您已明确告诉您的元素表现得那样。当您设置min-width和宽度（以像素为单位）时，无论发生什么情况，您都会告诉您的元素保持相同的大小。移除min-width并将宽度设置为百分比值，如1%而不是50px，如下所示：

＆＃13;

nav {
  width: 50%;
  background: red;
  height: 50px;
  float:left;
}
#main {
  display: inline-block;
  height:50px;
  float:left;
  position: relative;
  width: 50%;
  background: black;
}
body {
  margin: 0;
}

＆＃13;

<nav></nav>
<div id="main"></div>

＆＃13;

当窗户缩小时，Div被推下来

1 个答案: