html - 固定 Div 内的元素在浏览器调整大小时混合

Question

<div id="mainMenu">
   <div id="Title">
       My Website
   </div>
   <div id="Login">
       Login
   </div>
</div>

在 CSS 中，#mainMenu 有 position:fixed; 和 left:0;右:0； width:100%; #Title 是float:left; #Login 是float:right;

当浏览器窗口最大化时，没有问题，但是当我调整它时，里面的元素会混合，当它变得很小时，右边的元素会在左边的元素下面，我怎么能保持相同的大小父分区？即使我调整浏览器大小？

Answer 1

为您的 #mainMenu 提供一个最小宽度，以容纳子项而无需重新定位它们:

#mainMenu {
    min-width: 600px;
    ....
}