ウィンドウ サイズが縮小されたときに、一番右の要素が下に押し込まれずに、同じコンテナー内で 2 つの要素を隣り合わせにフロートさせる方法はありますか? 代わりに、適切な要素をウィンドウで覆いたいと思います。
ここにCSSがあります:
#logo {
margin-left: 400px;
float:left;
}
#loginbox {
margin-top: 15px;
float:left;
height: 70px;
width: 375px;
}
そしてhtml
<div class="header">
<div id='logo'>
<img id='logo-img' src='graphics/banner2.png' alt='Logo' height=200px width=700x />
</div>
<div id='loginbox' class='login'>
<form id='login' >
<span style="font-weight: bold; color: red;">Login</span>
<br />
<br />
<input type="text" id='login-email' value='email' />
<input type='text' id='login-password' value='password' />
<input type='submit' value='login'/>
</form>
</div>
<br style='clear:both' />
</div><!-- end header -->
ありがとう!!