html - 如何使容器宽度响应内部的浮动元素

Question

我是一名学生，正在为我的作业制作一个网站，我正在制作一个联系表格，如下所示： http ://www.brightpixelstudios.co.uk/contact/

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

容器内部有浮动元素，这是导致问题的原因吗？

有什么我可以尝试的解决方法吗？

提前致谢，

怀特黑德

Answer 1

您在这里有三个选择：

1. 放.wpcf7{ float: left }
2. 放.wpcf7{ display: table }
3. 或设置.wpcf7{ display: inline-block }

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