Html 是否有一种方法可以自动执行右边距(始终将div向右移动)

Html 是否有一种方法可以自动执行右边距(始终将div向右移动),html,css,Html,Css,是否有一种方法可以自动执行右边距(始终将div向右移动)。我试过右边距:自动;和保证金:0自动;没用 边距参数的工作方式如下: 边距:顶部、右侧、底部和左侧 所以应该是:0自动0 顺便说一下,flex也是一个非常好的位置: .one{ 显示器:flex; 宽度:100%; 证明内容:柔性端; 背景色:红色; } .要素权利{ 宽度:50px; 背景颜色:蓝色; } 盒子 您可以使用左边距:100%。例如,如果要定义其他边距值,可以使用速记边距:0 100%。这将把div“推”到容器的右侧。您

是否有一种方法可以自动执行右边距(始终将div向右移动)。我试过右边距:自动;和保证金:0自动;没用

边距参数的工作方式如下:

边距:顶部、右侧、底部和左侧

所以应该是:
0自动0

顺便说一下,flex也是一个非常好的位置:

.one{
显示器:flex;
宽度:100%;
证明内容:柔性端;
背景色:红色;
}
.要素权利{
宽度:50px;
背景颜色:蓝色;
}

盒子

您可以使用
左边距:100%
。例如,如果要定义其他边距值,可以使用速记
边距:0 100%
。这将把div“推”到容器的右侧。

您也可以通过原始的
div上的包装来实现这一点:

HTML:

这是因为父级
.right包装的内容设置为与文本类似,同时保持其块行为(
display:inline block
)。这会导致子
div
对父级的
文本对齐:右
做出反应

在某些情况下,您可能会发现子div继承了width属性,并且是全宽度的。然后将子元素的
width
属性设置为
auto
,以防子元素被认为是某种按钮或其他与右侧对齐的较小元素

.right {
   display: inline-block;
   width: auto;
}

您可以在divs上始终使用
文本对齐
方法

.parent{
 text-align: right
}
.child{
 display: inline-block
}
.parent{
宽度:100%;
高度:40px;
背景:#000;
显示器:flex;
证明内容:柔性端;
}
.父母,孩子{
宽度:100px;
身高:100%;
背景:蓝色;
}


float:右;这不是我想要的。我只需要边距或填充,以便div始终从右端开始如果您希望元素位于右侧,则需要边距为left auto
.right {
   display: inline-block;
   width: auto;
}
.parent{
 text-align: right
}
.child{
 display: inline-block
}