2016-10-21 72 views

回答

0

嘗試使用

.container 
{ 
     float:right; 
     display: inline; 
} 
+0

請爲此代碼添加一些解釋來幫助OP。這將有助於提供未來觀衆可以從中學習的答案。有關更多信息,請參閱[答案]。 –

-1

那麼從我所瞭解的用戶問他想列表顯示在右邊的si在漂浮右元素之後。

這樣做的一種方法是:首先你應該明白float:right會將DOM從DOM流中移出並將其浮動。所以對於下一個元素你必須清除:兩者;然後text-align:right;而且,無論您將文字對齊放置在右側,它都會出現在右側。

0

我想你想要這樣。右側垂直列表

檢查下面的代碼段。

.container 
 
{ 
 
    width: auto; 
 
    float:right; 
 
    background: #a2e3e3; 
 
    display: inline-block; 
 
    padding: 20px; 
 
    } 
 
.container ul{padding:0px; margin:0px} 
 
.container ul li{list-style-type:disc;}
<div class="container"> 
 
    <ul> 
 
     <li>List 1</li> 
 
     <li>List 2</li> 
 
     <li>List 3</li> 
 
     <li>List 4</li> 
 
     <li>List 5</li> 
 
     <li>List 6</li> 
 
    </ul> 
 

 
</div>