如何將塊項目與其父項的右邊緣（使用CSS）對齊？

我知道，您可以通過將左右邊距設置爲auto來居中塊項目。如何將塊項目與其父項的右邊緣（使用CSS）對齊？

但是，是否可以將它對齊到右邊？這將如何完成？

編輯：不使用float: right（因爲它似乎並沒有工作，至少不是<ul>的）

再次編輯：這裏是代碼片段：

<td style='vertical-align: top; text-align: center;'> 
    <b>Choices:</b><br><br> 
    <ul id='orderchoices' style='margin-left: auto; margin-right: auto;'> 
    ... 
    </ul> 
</td>

這裏是#orderchoices

#orderchoices li { 
    border: 1px solid #666; 
    background: #333 url(images/dark_gloss.png) repeat-x; 
    color: #eee; 
    margin: 3px; 
    padding: 5px; 
    cursor: pointer; 
    width: 160px; 
    font-style: italic; 
}

風格我想ul右ALIG在td

來源

2010-03-24 Nathan Osman

你說的「的意思似乎不工作「？容器沒有正確封裝內容？ –

我的意思是它保持左對齊。 –

<div class="outer"> 
    <div class="inner">I'm the inner element!</div> 
</div> 
<style type="text/css"> 
    .outer { position:relative; } 
    .inner { position:absolute; right:0px; } 
</style>

定義如果你內心的元素是相對定位的一個容器內絕對定位，你可以使用top，right，bottom和left指示從父容器邊緣的內部元件的距離。

有意義嗎？

來源

2010-03-24 05:43:33 inkedmn

當然，並感謝您指出了這一點。但是要做到這一點很醜陋！我希望CSS4有更好的解決方案。 –

嗯。在嘗試之後，它似乎是'position：absolute;'導致元素跑離頁面的邊緣。（底部） –

我經常使用這種技術* - 請更新您的問題，以包括任何相關的標記或CSS已被應用，因爲別的東西正在進行，這裏:) – inkedmn

要使用float將塊元素與其父元素進行右對齊。請記住在清除浮動元素之後添加元素，以便父元素的底部能夠尊重浮動元素的底部。

<div id="parent"> 
    <div style="float: right"> 
     <div>your stuff here</div> 
    </div> 
    <div style="clear:both"></div> 
    </div>

在「的位置是：絕對」的方法也能正常工作，但是當一個元件被定位這種方式，從HTML的流中去除，從而其父不知道絕對定位元件的高度 - 因此這可能會導致頁面結束。您可以克服通過設置家長的高度，但是那當然依賴於這樣一個事實）你知道前手的高度，B），它不會改變

來源

2015-11-20 11:21:59

如何將塊項目與其父項的右邊緣（使用CSS）對齊？

回答

相關問題