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 回答