html - 如何使容器宽度响应内部 float 元素

Question

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

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

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

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

提前致谢

威尔·怀特海

Answer 1

这里有三个选项:

1. 设置.wpcf7{ float: left }
2. 设置.wpcf7{ 显示:表格}
3. 或设置.wpcf7{ display: inline-block }

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