Fatal编程技术网
  • html/
  • Html 使div浮动到另一个div右侧的问题

Html 使div浮动到另一个div右侧的问题

html css

Html 使div浮动到另一个div右侧的问题,html,css,position,css-position,Html,Css,Position,Css Position,我试图让我的注册表按钮div浮动到div-signinbutton的右侧。我不认为我可以将signin div包装在register div周围以使其成为父对象，因为我在signinbutton div下有弹出代码。我尝试了制作一个jsfiddle，但效果并不相同。要真正了解这一点，我的网站是sundayfundayleague.com 我需要让注册按钮与登录按钮对齐 HTML 首先。试着缩小你的图片大小。太大了。我需要时间来加载页面 这是我的解决办法 我将在这两个外部添加包装器 <di

我试图让我的注册表按钮div浮动到div-signinbutton的右侧。我不认为我可以将signin div包装在register div周围以使其成为父对象，因为我在signinbutton div下有弹出代码。我尝试了制作一个jsfiddle，但效果并不相同。要真正了解这一点，我的网站是sundayfundayleague.com

我需要让注册按钮与登录按钮对齐

HTML

首先。试着缩小你的图片大小。太大了。我需要时间来加载页面

这是我的解决办法

我将在这两个外部添加包装器

 <div class="wrapper">  
    <div class="signinbutton"> 
        <a class="signin" href="javascript:void(0)">Sign In</a>
    </div>
    <div id="light" class="signInpopup">
        <a class="close" href="javascript:void(0)">Close</a>

        <form id="signInform" name="Sign In" action="" method="POST" autocomplete="on" accept-charset="utf-8">
            <div class="center">

                <input type="text" name="username" id="signInInput" placeholder="Username" autocomplete="on" required="">
                <br>
                <input type="password" name="password" id="signInPasswordInput" placeholder="Password" autocomplete="off" required="">
                <br>
                <br>
                <br>
                <label for="remember">
                <input type="checkbox" name="remember" id="remember">Remember me</label>
                <input type="hidden" name="token" value="687d55402565d69c55ab41c51eba5d76">
                <label for="widebutton">
                    <input id="widebutton" type="submit" value="Sign In">
                </label>
                <br>
                <br>
            </div>
        </form>
    </div>
    <div id="fade" class="black_overlay"></div>

    <div class="registerbutton">
         <a href="register.php">Register</a>
    </div>
</div>
从“注册表”按钮中删除此项

 float:right
并从您的登录按钮中删除

 margin-top:352px;

 float:left
和添加。登录按钮

 margin-top:352px;

 float:left
首先。试着缩小你的图片大小。太大了。我需要时间来加载页面

这是我的解决办法

我将在这两个外部添加包装器

 <div class="wrapper">  
    <div class="signinbutton"> 
        <a class="signin" href="javascript:void(0)">Sign In</a>
    </div>
    <div id="light" class="signInpopup">
        <a class="close" href="javascript:void(0)">Close</a>

        <form id="signInform" name="Sign In" action="" method="POST" autocomplete="on" accept-charset="utf-8">
            <div class="center">

                <input type="text" name="username" id="signInInput" placeholder="Username" autocomplete="on" required="">
                <br>
                <input type="password" name="password" id="signInPasswordInput" placeholder="Password" autocomplete="off" required="">
                <br>
                <br>
                <br>
                <label for="remember">
                <input type="checkbox" name="remember" id="remember">Remember me</label>
                <input type="hidden" name="token" value="687d55402565d69c55ab41c51eba5d76">
                <label for="widebutton">
                    <input id="widebutton" type="submit" value="Sign In">
                </label>
                <br>
                <br>
            </div>
        </form>
    </div>
    <div id="fade" class="black_overlay"></div>

    <div class="registerbutton">
         <a href="register.php">Register</a>
    </div>
</div>
从“注册表”按钮中删除此项

 float:right
并从您的登录按钮中删除

 margin-top:352px;

 float:left
和添加。登录按钮

 margin-top:352px;

 float:left
首先。试着缩小你的图片大小。太大了。我需要时间来加载页面

这是我的解决办法

我将在这两个外部添加包装器

 <div class="wrapper">  
    <div class="signinbutton"> 
        <a class="signin" href="javascript:void(0)">Sign In</a>
    </div>
    <div id="light" class="signInpopup">
        <a class="close" href="javascript:void(0)">Close</a>

        <form id="signInform" name="Sign In" action="" method="POST" autocomplete="on" accept-charset="utf-8">
            <div class="center">

                <input type="text" name="username" id="signInInput" placeholder="Username" autocomplete="on" required="">
                <br>
                <input type="password" name="password" id="signInPasswordInput" placeholder="Password" autocomplete="off" required="">
                <br>
                <br>
                <br>
                <label for="remember">
                <input type="checkbox" name="remember" id="remember">Remember me</label>
                <input type="hidden" name="token" value="687d55402565d69c55ab41c51eba5d76">
                <label for="widebutton">
                    <input id="widebutton" type="submit" value="Sign In">
                </label>
                <br>
                <br>
            </div>
        </form>
    </div>
    <div id="fade" class="black_overlay"></div>

    <div class="registerbutton">
         <a href="register.php">Register</a>
    </div>
</div>
从“注册表”按钮中删除此项

 float:right
并从您的登录按钮中删除

 margin-top:352px;

 float:left
和添加。登录按钮

 margin-top:352px;

 float:left
首先。试着缩小你的图片大小。太大了。我需要时间来加载页面

这是我的解决办法

我将在这两个外部添加包装器

 <div class="wrapper">  
    <div class="signinbutton"> 
        <a class="signin" href="javascript:void(0)">Sign In</a>
    </div>
    <div id="light" class="signInpopup">
        <a class="close" href="javascript:void(0)">Close</a>

        <form id="signInform" name="Sign In" action="" method="POST" autocomplete="on" accept-charset="utf-8">
            <div class="center">

                <input type="text" name="username" id="signInInput" placeholder="Username" autocomplete="on" required="">
                <br>
                <input type="password" name="password" id="signInPasswordInput" placeholder="Password" autocomplete="off" required="">
                <br>
                <br>
                <br>
                <label for="remember">
                <input type="checkbox" name="remember" id="remember">Remember me</label>
                <input type="hidden" name="token" value="687d55402565d69c55ab41c51eba5d76">
                <label for="widebutton">
                    <input id="widebutton" type="submit" value="Sign In">
                </label>
                <br>
                <br>
            </div>
        </form>
    </div>
    <div id="fade" class="black_overlay"></div>

    <div class="registerbutton">
         <a href="register.php">Register</a>
    </div>
</div>
从“注册表”按钮中删除此项

 float:right
并从您的登录按钮中删除

 margin-top:352px;

 float:left
和添加。登录按钮

 margin-top:352px;

 float:left
在HTML代码中翻转div并使用float:left；属性。我认为向右浮动会有点棘手，而向左浮动更灵活。你那样做可能会更走运

<div class="registerbutton">
<a href="register.php">Register</a>
</div>
<div class="signinbutton"> 
<a class="signin" href="javascript:void(0)">Sign In</a>
</div>
在HTML代码中翻转div并使用float:left；属性。我认为向右浮动会有点棘手，而向左浮动更灵活。你那样做可能会更走运

<div class="registerbutton">
<a href="register.php">Register</a>
</div>
<div class="signinbutton"> 
<a class="signin" href="javascript:void(0)">Sign In</a>
</div>
在HTML代码中翻转div并使用float:left；属性。我认为向右浮动会有点棘手，而向左浮动更灵活。你那样做可能会更走运

<div class="registerbutton">
<a href="register.php">Register</a>
</div>
<div class="signinbutton"> 
<a class="signin" href="javascript:void(0)">Sign In</a>
</div>
在HTML代码中翻转div并使用float:left；属性。我认为向右浮动会有点棘手，而向左浮动更灵活。你那样做可能会更走运

<div class="registerbutton">
<a href="register.php">Register</a>
</div>
<div class="signinbutton"> 
<a class="signin" href="javascript:void(0)">Sign In</a>
</div>
您可以在第一个div中使用span

演示

Html

<div class="signinbutton"> <a class="signin" href="javascript:void(0)">Sign In</a>

<span class="registerbutton">
    <a href="register.php">Register</a>
</span>

</div>
您可以在第一个div中使用span

演示

Html

<div class="signinbutton"> <a class="signin" href="javascript:void(0)">Sign In</a>

<span class="registerbutton">
    <a href="register.php">Register</a>
</span>

</div>
您可以在第一个div中使用span

演示

Html

<div class="signinbutton"> <a class="signin" href="javascript:void(0)">Sign In</a>

<span class="registerbutton">
    <a href="register.php">Register</a>
</span>

</div>
您可以在第一个div中使用span

演示

Html

<div class="signinbutton"> <a class="signin" href="javascript:void(0)">Sign In</a>

<span class="registerbutton">
    <a href="register.php">Register</a>
</span>

</div>
我的错。您应该使用float:left添加.signinbutton@贝基米很糟糕。您应该使用float:left添加.signinbutton@贝基米很糟糕。您应该使用float:left添加.signinbutton@贝基米很糟糕。您应该使用float:left添加.signinbutton@BeckyThis主要起作用，只是它使我的注册部分变得巨大。我怎样才能阻止这种事情发生？@Becky--取出--填充：10px；--和--字体大小：2.5em；--就像你在上面我对（.registerbutton）的回答中看到的那样。在那之后我觉得还可以很好，这就解决了。我怎样才能获得正确的
利润率：30%用于注册按钮。它正在扩展一些，但它似乎是应该的一半。@becky你的意思是你想让注册更接近signin一点？？？@becky——那么你需要摆脱浮动：对；还有，剩下的利润率：20%；-这是签到按钮左边的边距，所以不需要浮动-，增加或减少%以使其正确这主要起作用，除了它使我的注册部分变得巨大。我怎样才能阻止这种事情发生？@Becky--取出--填充：10px；--和--字体大小：2.5em；--就像你在上面我对（.registerbutton）的回答中看到的那样。在那之后我觉得还可以很好，这就解决了。我怎样才能获得正确的
利润率：30%用于注册按钮。它正在扩展一些，但它似乎是应该的一半。@becky你的意思是你想让注册更接近signin一点？？？@becky——那么你需要摆脱浮动：对；还有，剩下的利润率：20%；-这是签到按钮左边的边距，所以不需要浮动-，增加或减少%以使其正确这主要起作用，除了它使我的注册部分变得巨大。我怎样才能阻止这种事情发生？@Becky--取出--填充：10px；--和--字体大小：2.5em；--就像你在上面我对（.registerbutton）的回答中看到的那样。在那之后我觉得还可以很好，这就解决了。我怎样才能获得正确的
利润率：30%用于注册按钮。它正在扩展一些，但它似乎是应该的一半。@becky你的意思是你想让注册更接近signin一点？？？@becky——那么你需要摆脱浮动：对；还有，剩下的利润率：20%；-这是签到按钮左边的边距，所以不需要浮动-，增加或减少%以使其正确这主要起作用，除了它使我的注册部分变得巨大。我怎样才能阻止这种事情发生？@Becky--取出--填充：10px；--和--字体大小：2.5em；--就像你在上面我对（.registerbutton）的回答中看到的那样。在那之后我觉得还可以很好，这就解决了。我怎样才能获得正确的
利润率：30%用于注册按钮。它正在扩展一些，但它似乎是应该的一半。@becky你的意思是你想让注册更接近signin一点？？？@becky——那么你需要摆脱浮动：对；剩下的利润率是20%；