Question

我是CSS的新手，所以请耐心等待。我有这种形式，我正在尝试风格。除了div中的确认标签外，一切正常。我想在div.field之间有一些空间，虽然这适用于所有输入元素，但它不适用于底部的标签消息。我尝试增加保证金，但无济于事。我希望这个元素位于中心。

使用Firefox的web-developer插件，它告诉我标签标签的div.field的宽度和高度分别为284px和209px。当我没有这样设置时，为什么会这样呢？

您可以在jsfiddle查看代码：http://www.jsfiddle.net/yMHJY/

Answer 1

解决方案很简单，真的。将margin-top添加到label元素的父级，然后将overflow: hidden添加到div#contact div .field选择器。

但是，我可以说，可以重写代码以获得更好的效率和语义正确性。例如，我会在p标记中包含最后一次按摩，而不是label中的div。另外，我会将每个input元素放在无序列表ul而不是div中。您还有很多不必要的float，并且每个br末尾的input完全没有用。哦，除非你以某种方式嵌入Calluna，否则不要使用它 - 坚持使用网络安全字体（如果你是，你仍然需要建议一个替代方案，在用户的浏览器中不支持它，并且还要给浏览器在加载字体时显示的内容）。

修改

修正了你的负担，我应该为这种东西买单:)下次坚持使用更好的HTML和CSS。

http://www.jsfiddle.net/SNrtA/

Answer 2

要居中，您可以添加父容器

<div id="parent">
    <label id="label">Your Message Has Been Sent</label>
</div>


div#parent {
 text-align:center;
}

或在原始父div中添加一个id，以使用上面的css

来定位它

关于保证金，你似乎有一个浮动的问题：左边是在

中设置的

div #contact div输入[type = text]类。您需要清除它，因为它可能导致您的保证金问题。尝试删除它并修改您的样式。为什么要浮动输入？

CSS边际问题

2 个答案: