如何使集装箱宽度响应于浮动元素里面

Question

我是学生，做一个网站，我的任务，我工作的一个接触的形式作为这里看到： http://www.brightpixelstudios.co.uk/contact/

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

容器里面有浮动元素，这是什么原因造成的问题？

有没有可以尝试的解决方法？

由于提前，

威尔白石

Answer 1

你有三个选择在这里：

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

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