你真的需要浮动元素的宽度?

时间:2014-05-16 15:52:35

标签: javascript jquery html css

假设你有一个Div(id="toolbar"),并且在该工具栏中你有一个包含2个按钮的Div(id="ButtonHolder")。如果你将#ButtonHolder向右浮动并且不在其上设置明确的宽度,那是犹太人吗?

我已经读过堆栈溢出,你应该总是在浮动元素上设置一个宽度。按钮文字可能会发生变化,从保存到应用,我不想每次都调整#ButtonHolder的宽度。

我考虑过将#ButtonHolder的宽度设置为auto,但浏览器默认会这样做,所以似乎没有必要将它的宽度设置为自动。我担心浏览器可能不会像我认为的那样漂浮#ButtonHolder

2 个答案:

答案 0 :(得分:0)

更改"保存"到"申请"说实话,不会占用更多的空间。

原则上,是的,你应该总是设置一个宽度 - 如果你没有,那么说你有按钮float:left;和另一个<div> float:right;。如果你没有设置宽度,他们就不会占用整个屏幕宽度,所以你放在下面的任何元素都会试图将自己定位在两者之间的空隙中。

为此特定方案设置100%宽度的容器元素以防止所描述的效果也是一个好主意。

答案 1 :(得分:0)

floatposition通常需要付费。您应该尝试首先找到在布局中定位元素的其他方法。您可以考虑其他选项,例如marginpaddingdisplay: inline-block;text-align等等。

我建议阅读this

直接回答您的问题。设置浮动的宽度不是写在石头上但不是这样做,通常意味着以后的麻烦。至少在我个人的观点中。