0

次のdivのコレクションがあります。

<div class="header" style="width:960px; height:120px; border:thin; border:1px solid black">
            <div class="logo" style="width:180px; height:100px; border:thin; border:1px solid black; float: left; margin-top:10px; margin-left:10px; margin-bottom:10px">
                LOGO
            </div>
            <div class="fbook" style="float: right; margin-top:50px; margin-right:5px">
                <img src="facebook.png"/>
            </div>
            <div class="signup" style="border:thin; border:1px solid black; float: right; margin-top:25px; margin-right:5px">
                Sign up
            </div>
            <div class="login" style="border:thin; border:1px solid black; float: right; margin-top:25px; margin-right:5px">
                login
            </div>
</div>

問題は、div をクラス サインアップに合わせて、div のすぐ上にクラス fbook でログインしたいことです。しかし、私はそうすることができません。問題がわかりません。誰かが助けてくれたら最高です。

4

2 に答える 2

1

このコードを使用してお知らせください

<div class="header" style="width:960px; height:120px; border:thin; border:1px solid black">
        <div class="logo" style="width:180px; height:100px; border:thin; border:1px solid black; float: left; margin-top:10px; margin-left:10px; margin-bottom:10px">
            LOGO
        </div>

        <div class="login_signup" style="float:right !important; width:100px;">
        <div class="signup" style="border:thin; border:1px solid black; float: right; margin-top:25px; margin-right:5px">
            Sign up
        </div>
        <div class="login" style="border:thin; border:1px solid black; float: right; margin-top:25px; margin-right:5px">
            login
        </div>



      <div class="fbook" style="float: right;margin-right: 40px; margin-top: 11px; text-align: center;">
            <img src="facebook.png"/>
        </div>
          </div>

于 2013-09-14T05:31:16.080 に答える
0

ログインのdivとサインアップをfbook divの上に置くだけです

<div class="header" style="width:960px; height:120px; border:thin; border:1px solid black">
            <div class="logo" style="width:180px; height:100px; border:thin; border:1px solid black; float: left; margin-top:10px; margin-left:10px; margin-bottom:10px">
                LOGO
            </div>
           <div class="login" style="border:thin;float:right; border:1px solid black; ; margin-top:25px; margin-right:5px">
                login
            </div>
        <div class="signup" style="border:thin;float:right; border:1px solid black;  margin-top:25px; margin-right:5px">
                Sign up
            </div>
<br/>            
<div class="fbook" style="float: right; margin-top:50px; margin-right:5px">
                <img src="facebook.png"/>
            </div>


</div>
于 2013-09-14T05:32:45.823 に答える