反轉寬度/高度方向

以某種方式反轉對象生長方向（寬度/高度）的「合法」？通常會增加從左到右增長的對象的寬度值。我的想法是在相反的方向增加。反轉寬度/高度方向

基本上，我需要創建一個下拉菜單，當你點擊一個選項，然而，頁面最右側的定義菜單將需要在相反的方向上增長，所以我不必通過JavaScript修復位置。

我知道一些可能性：

通過javascript做吧，我說。但是，我不想這樣做。
使用相對定位。但這將是一種可能性？怎麼樣？
也許用float: right？

我站起來的概念，但不知道如何真正執行最成本效益般。那麼，是否有可能發送一個建議。效果越好，維護越少，越好。

來源

2013-10-19 David Rodrigues

使用負值..即，'-100px' ...？ –

寬度的負值，你的意思是？它似乎不起作用。快到了。 :(但是，謝謝。 –

從來沒有嘗試過自己，但'方向：rtl'怎麼樣？ – Harry

嗯，我會嘗試一些...

CSS：

#test { 
    background:#000; 
    font-weight:bold; 
    font-family:Arial; 
    border-radius:10px; 
    color:#fff; 
    float:left; /* You can make it true, if you dont this, the element will grow up in all directions */ 
    padding:4px 4px 50px 40px; /* With 50px and 40px, you can grow up this element in a "inverted way" */ 
}

HTML：

<div id="test">Test</div>

的jsfiddle：http://jsfiddle.net/ezzYk/

來源

2013-10-19 08:36:32 Seazoux

浮動是爲左，右和無處不在。上下怎麼樣？ – Zon

反轉寬度/高度方向

回答

相關問題