CSS保证金问题

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

使用Firefox的网页开发插件，它告诉我标签标签的div.field的宽度和高度分别是284px和209px。当我没有这样设定时，为什么会这样呢？

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

来源

2010-08-15 input

顺便说一句，你已经做出很好的形式:) – Sarfraz 2010-08-15 15:45:32

我不知道，如果我理解你的问题。您希望将标签标签与ID“标签”（“您的消息已发送”）对齐？ – Soundlink 2010-08-15 15:54:45

@Soundlink，我想输入元素之间有一些间距“类型”是的，我是人类“”和“您的消息已发送”。如果你注意到，它们之间没有间距。我试图在标签元素上添加margin-top，但没有任何区别。 – input 2010-08-15 16:05:30

解决方法很简单，实在。向label元素的父级添加边距顶部，并将overflow: hidden添加到div#contact div .field选择器。

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

编辑

固定负载雅，我应该支付这种东西:)只要坚持，以更好地HTML和CSS下一次。

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

来源

2010-08-15 16:03:57

+1为整个“然而”段落。 – 2010-08-15 16:29:12

谢谢！我从来没有真正阅读关于使用列表的联系表单的教程，它总是主要是div。你的解决方案添加'overflow：hidden'工作！感谢伟大的指针。一定会牢记这一点。你是一个很好的帮助。 :) – input 2010-08-15 16:30:25

为中心，您可以添加一个父容器

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


div#parent { 
text-align:center; 
}

或添加一个id你原来的父母DIV与目标上面的CSS

与问候的保证金，你似乎有一个浮点数的问题：在div＃contact div input [type = text] class中设置了

。您需要清除它，因为它可能会导致您的保证金问题。尝试删除这个并修改你的样式。为什么你将输入留下来？

来源

2010-08-15 16:23:35 Matt

我认为他们是指垂直中心。 – 2010-08-15 16:29:50

CSS保证金问题

回答

相关问题