我想將一個 div 與另一個 div 的右側對齊，margin-left: auto;但由于某種原因，這沒有任何作用。如果該 div 不包含在另一個 div 中，則此方法可以完美運行。
這是問題的一個例子：
<!DOCTYPE html>
<html>
<body>
<style>
#inner {
margin-left: auto;
}
</style>
<div id="outer">
<div id="inner">
Text
</div>
</div>
</body>
</html>
uj5u.com熱心網友回復：
您可以向內部 div ( #inner)添加寬度，邊距將占用剩余空間。
#inner {
margin-left: auto;
width: 50%;
border: 1px solid red;
} <div id="outer">
<div id="inner">
Text
</div>
</div>uj5u.com熱心網友回復：
如果有嵌套<div>元素，右對齊內部容器的一種方法是將 amargin-left應用于內部<div>元素：
<!DOCTYPE html>
<html>
<body>
<style>
#inner{
border: 1px solid red;
margin-left: 100px;
height: 50px;
}
#outer{
height: 100px;
border: 1px solid black;
}
</style>
<div id="outer">
<div id="inner">Text</div>
</div>
</body>
</html>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/393871.html