元素共享宽度为100％CSS

我喜欢使用多个共享父元素宽度的元素进行布局。已经找到了解决方案：how-can-multiple-dynamically-sized-divs-share-100-width。问题是在这里，我总是需要一些包装元素像divs。只能通过输入，按钮元素等来实现此。元素共享宽度为100％CSS

<form> 
    <button style="width: 20px;"></button> 
    <input style="width: 100%;" type="text"/> 
</form>

enter image description here

2014-01-05 MR.ABC

你可以显示你正在处理的一些代码吗？ –

输入和按钮元件是内联元素。

只需在它们上面添加display: block规则即可使width: 100%规则隐含。

块级元素默认会继承它们父级的宽度，并且会呈现为一个在另一个之下。

对于一个形式，你可以使用这种代码：

HTML

<form> 
    <input /> 
    <button /> 
</form>

CSS

form input, 
form button{ 
    display: block; 
}

2014-01-05 14:04:17

我可以将它们显示为表格单元格以获得100％的共享内容，但它不起作用...它们需要嵌入表格单元格中。那就是我想避免的。 –

如果你总是希望他们有一个100%宽度，那么你就可以使用

min-width: 100%;

2014-01-05 14:05:02

这不是我正在寻找。 –

回答