我是一名学生,正在为我的作业创建一个网站,并且正在处理如下所示的联系表:
http://www.brightpixelstudios.co.uk/contact/

我试图使联系表单周围的边框仅占据必要的宽度,而不是其父容器的100%。

容器内部有浮动元素,这是引起问题的原因吗?

我可以尝试周围的任何工作吗?

提前致谢,

怀特黑德

最佳答案

您在这里有三个选择:


设置.wpcf7{ float: left }
设置.wpcf7{ display: table }
或设置.wpcf7{ display: inline-block }


所有这些都会导致联系表单占用其子级而不是其父级的空间。这实际上取决于您所追求的或适合特定页面的需求。

09-27 21:42