CSS：使用利润率

在下面的图像定位组件，你可以看到我有两个标签help和Instructions，我想这两个选项卡放在旁边，对方在帮助标签目前是。当我使用margin-left:属性时，只有帮助按钮移动到左侧，并且instructions按钮保持在同一个位置。CSS：使用利润率

我使用的配置此的CSS：

.v-csslayout-topbarapplicant .v-button, 
.v-csslayout-topbarapplicant .v-nativebutton, 
.v-csslayout-topbarapplicant-invert .v-button, 
.v-csslayout-topbarapplicant-invert .v-nativebutton { 
    float: right; 
    display: inline; 
    margin-right:0px; 
    margin-left: 268px; 
    margin-top: -18px; 
    padding: 0 3px 2px 0; 

line-height: 11px; 
    }

我怎样才能改变间距，使这两个选项卡（vaadin组件）移动到一起？ enter image description here

来源

2012-01-10 Warz

粘贴html pls – andrewk 2012-01-10 01:35:14

您需要确保这两个项目都包裹着div。然后，您将margin-left设置为div，而不仅仅是其中一项。

在CSS中没有办法告诉你发布了哪些项目正在被操作。如果这两个项目，“帮助”和“说明”都在您发布的CSS中，那么您需要对其进行更改，以便两个项目均为一个，即一个div。如果您发布的CSS中只有其中一个项目存在，那么您只有其中一个项目正在使用CSS进行处理，而且这个项目是正确的。确保两个物品都朝相同方向漂浮，并将它们包裹起来。将保证金应用于此包装div。

总体结构应该是这样的：

CSS：

#help, #instructions { 
     float: right; 
}   

    div#wrapper { 
     margin-left: 268px; 
    ] /* wrapper containing both items, "help" and "Instructions" */

HTML：

来源

2012-01-10 01:35:14

完美。谢谢你的解释 – Warz 2012-01-10 01:56:51

不客气！ :) – 2012-01-10 02:03:39

我认为你是有一些继承问题。我会建议首先检查该属性所遵循的是什么继承，如果您仍然遇到问题，我会针对帮助和说明创建单独的div，其中说明具有不同的右边距。我希望这有帮助！这类问题很顽固。

来源

2012-01-10 01:41:20 rvazquez

CSS：使用利润率

回答

相关问题