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

Question

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

我正在尝试让联系表单周围的边框仅占用所需的宽度而不是其父容器的100％。

容器里面有浮动元素，这会导致问题吗？

我可以尝试一下吗？

提前致谢，

怀特黑德

Answer 1

这里有三个选项：

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

所有这些都将导致联系表格占用其子女的空间，而不是其父母。这实际上取决于你所追求的是什么或者适合那个特定页面的需求。