Css 调整窗口大小时，Div部分会移动

我将两个div并排放置，一个位于徽标上，另一个包含文本字段。当我以更大的分辨率查看此页面时，一切正常。但是，当我调整窗口大小时，第二个div也会被屏蔽，并位于第一个div的下方

---

但我希望他们以任何方式并肩留在那里。请为此提供代码解决方案。

基本上，如果第二个div不适合，它需要去某个地方。在您的情况下，唯一的选择是裁剪，因此将行包装在一个div中，并带有overflow:hidden。

基本上，如果第二个div不合适，则需要放在某个地方。在您的情况下，唯一的选择是裁剪，以便将行包装在带有overflow:hidden的div中。

我猜您可以使用float将它们放置在彼此相邻的位置。 您可以使用另一个div环绕这两个div，该div的最小宽度为您希望在其中查看页面的宽度。 这将阻止第二个下降到第一个以下

<div id="wrapper">
    <div id="logo">...</div>
    <div id="text">...</div>
</div>

差不多吧。 如果有人调整窗口的大小使其小于980px（或使用较低的屏幕分辨率），则您将获得水平滚动

//编辑 作为对评论的回应，您可以使用最小宽度使其更灵活。将导致IE

#wrapper { min-width: 980px; }
#wrapper div { float: left; }
#logo { width: 200px; }
#text { min-width: 780px; }

---

IE6不支持最小宽度，因此您可能需要对此进行修复。

我想您可以使用float将它们相邻放置。 您可以使用另一个div环绕这两个div，该div的最小宽度为您希望在其中查看页面的宽度。 这将阻止第二个下降到第一个以下

<div id="wrapper">
    <div id="logo">...</div>
    <div id="text">...</div>
</div>

差不多吧。 如果有人调整窗口的大小使其小于980px（或使用较低的屏幕分辨率），则您将获得水平滚动

//编辑 作为对评论的回应，您可以使用最小宽度使其更灵活。将导致IE

#wrapper { min-width: 980px; }
#wrapper div { float: left; }
#logo { width: 200px; }
#text { min-width: 780px; }

---

IE6不支持最小宽度，因此您可能需要对此进行修复。

第二个div在第一个div的下方滑动，因为容器中没有足够的宽度允许两个div并排放置

这可以通过两种方式进行补救：

将容器节点的“溢出”属性更改为“隐藏”（甚至溢出）

设置容器的“最小宽度”。然而，这种方法受到IE所需的特殊攻击的影响。此外，最小宽度方法通常不能突然完成。它必须从页面设计开始就进行规划

希望有帮助

---

干杯

第二个div滑到第一个div的下方，因为容器中没有足够的宽度使它们可以并排放置

这可以通过两种方式进行补救：

将容器节点的“溢出”属性更改为“隐藏”（甚至溢出）

设置容器的“最小宽度”。然而，这种方法受到IE所需的特殊攻击的影响。此外，最小宽度方法通常不能突然完成。它必须从页面设计开始就进行规划

希望有帮助

---

干杯

我尝试将两个div的总宽度减少1%（1%未使用）。。。。似乎对我有用：）Myabe它对某人有用

CSS:

HTML:

左菜单
这里有更大的内容

我尝试将两个div的总宽度减少1%（1%未使用）。。。。似乎对我有用：）Myabe它对某人有用

CSS:

HTML:

左菜单
这里有更大的内容

只是你的10px（左边的边际+右边的边际）超过了1%。 这应该起作用：

#Content {
width: 100%; 
height: auto; 
margin-top: 26px; 
float: left;
}

#ContentLeft {
margin-left: 1%; 
float: left; 
width: 19%;
}

#ContentMain {
width: 79%; 
margin-right: 1%; 
float: right;
}

只是你的10px（左边的利润+右边的利润）超过了1%。 这应该起作用：

#Content {
width: 100%; 
height: auto; 
margin-top: 26px; 
float: left;
}

#ContentLeft {
margin-left: 1%; 
float: left; 
width: 19%;
}

#ContentMain {
width: 79%; 
margin-right: 1%; 
float: right;
}

---

您需要提供一些关于如何实现这一点的代码，因为有许多方法可能会影响最佳解决方案。您需要提供一些关于如何实现这一点的代码，因为有许多方法可能会影响最佳解决方案。实际上，将#wrapper的宽度设置为固定可能会导致“流动性”受损设计的细节。如果页面的宽度是固定的，那么最好设置最顶部容器div的宽度。子节点不需要太担心宽度。同意。但是kaushik没有提供任何要求或代码示例。实际上，将#wrapper的宽度设置为固定值可能会影响设计的“流动性”。如果页面的宽度是固定的，那么最好设置最顶部容器div的宽度。子节点不需要太担心宽度。同意。但kaushik并没有提供任何需求或代码示例