css 要将特定div向右移动

u1ehiz5o 于 2023-05-08 发布在其他

关注(0)|答案(5)|浏览(152)

我想把一个特定的div移到右边，这样左边的div就有更多的空间来显示里面的内容。
我在CSS中尝试了一些东西，但我知道我做错了什么。
在CSS中，我有…

login-box {
    width: 200px;
    margin-left: 50px;
}

5条答案

你可以在特定的div上使用float，例如

<div style="float:right;">

浮动你想要更多空间的div到左边：

<div style="float:left;">

如果所有的方法都失败了，那么就把div放到正确的位置：absolute，然后把它移到你想要的位置。

<div style="position:absolute; left:-500px; top:30px;">

显然，把样式放在一个单独的样式表中，但这只是一个更快的例子。

我使用了margin-left: auto;，它在水平调整大小时响应更快。

这将完成工作：

<div style="position:absolute; right:0;">Hello world</div>

login-box {
    width: 200px;
    margin-left: auto;
}

(this添加尽可能多的左边距，因为有空间）

div{
display: block;
margin-left: auto;
}