Question

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

基本上，我需要在单击选项时创建一个下拉菜单，但是，页面最右侧的定义菜单需要朝相反方向增长，所以我不必通过javascript修复位置。

我知道一些可能性：

正如我所说，通过javascript进行。但是，我不想这样做。
使用相对定位。但这有可能吗？怎么样？
也许使用float: right？

我提出了这个概念，但不确定如何实际实现最像的成本效益。那么，是否有可能发送建议。效果越好，维护越少越好。

Answer 1

我会尝试一下......

<强> 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/

反转宽度/高度方向

1 个答案: