Question

我必须在2个表之间显示2个表和一些按钮，以便将数据从一个网格移动到另一个网格。

是否可以有3个div，其中中间的一个是固定的，另外2个占用相同数量的剩余空间并根据父宽度调整大小？

Answer 1

请参阅下文，您可以通过calc：

来实现

.holder { height:200px;}
.item {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; text-align:center; width: calc(50% - 150px); height:200px; border:1px solid #f00;}
.fixed-width { width:300px;}

<div class="holder">
    <div class="item">Div 1</div>
    <div class="item fixed-width">Div 2</div>
    <div class="item">Div 3</div>
</div>

Html拆分容器中间有按钮

1 个答案: