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

CSSでは、#mainMenuwith position:fixed;is left:0; right:0; width:100%; #Titleis float:left; #Loginisfloat:right;

ブラウザウィンドウを最大化すると問題ありませんが、サイズを変更すると内側の要素が混ざり合い、非常に小さくなると右の要素が左の要素の下に入ります。親のDivと同じサイズを維持するにはどうすればよいですか。 ？ブラウザのサイズを変更しても？

4

2 に答える 2

1

#mainMenu子供を再配置せずに収容できる最小幅をあなたに与えます：

#mainMenu {
    min-width: 600px;
    ....
}
于 2012-12-15T12:24:19.840 に答える
1

CSSで、次のように設定します。

​#mainMenu{
    position: fixed;
    top:0;
    left:0;
    width:100%;
}
#Title{
    position:absolute;
    left:0;
}
#Login{
    position:absolute;
    right:0;
}

働くフィドル

http://jsfiddle.net/5pt6C/ </ p>

于 2012-12-15T12:26:54.490 に答える