css如何拉伸中心div以填充允许区域

Question

我有三列布局。我的中心div是我的主要内容区域。我希望当我的内容不宽时，这个div会拉伸以水平填充可用空间，虽然并不重要，但它也可以垂直拉伸。我使用在线布局generator来创建此样式。请参阅附图

任何帮助都会被贬低。

<?php
    $loops = "";

    if($_SERVER["REQUEST_METHOD"]== "POST"){
        if(isset($_POST["loops"])){
            $loops=$_REQUEST['loops'];
        }
    }
?>

<form method ='post' action ="<?php echo $_SERVER['PHP_SELF'];?>">

<b> <p>Number of packets to be sent:</p>
<input type="text" name="loops" value="<?php echo $loops;?>">
<br><br></b>

<?php
$php_var = $loops;?>


<p style="text-align: center;">
<button onclick="myFunction()">Submit</button></p><br>  
<script>
    function myFunction() {
            var js_var = "The number of packets sent is: <?php echo $php_var; ?>";
                    alert(js_var);
                        }
</script>
</font>
</form>

Answer 1

您可以使用flex布局来解决它，here you can find an example。