反转宽度/高度方向

以某种方式反转对象生长方向（宽度/高度）的“合法”？通常会增加从左到右增长的对象的宽度值。我的想法是在相反的方向增加。反转宽度/高度方向

基本上，我需要创建一个下拉菜单，当你点击一个选项，然而，页面最右侧的定义菜单将需要在相反的方向上增长，所以我不必通过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

反转宽度/高度方向

回答

相关问题