Php 如何使用内联表应用div之间的间距

Php 如何使用内联表应用div之间的间距,php,html,css,Php,Html,Css,请原谅我在这里过度使用echo,因为我使用的是IP.Content,它允许纯PHP或纯html,但不能两者混合使用。我试图得到一个布局,其中我有以下内容 xxx-------xxxxxxxxxxxxxxxxxxxxxxxxxxx 其中-类似于自由空间。我试图不使用浮动变量,因此使用表显示似乎是处理此问题的正确方法。下面是我的简化代码,通过这两个宽度,您可以看到我所追求的,但是表格显示会自动扩展以填充剩余空间 echo '<div style="display: inline-table;

请原谅我在这里过度使用echo,因为我使用的是IP.Content,它允许纯PHP或纯html,但不能两者混合使用。我试图得到一个布局,其中我有以下内容

xxx-------xxxxxxxxxxxxxxxxxxxxxxxxxxx
其中
-
类似于自由空间。我试图不使用浮动变量,因此使用表显示似乎是处理此问题的正确方法。下面是我的简化代码,通过这两个宽度,您可以看到我所追求的,但是表格显示会自动扩展以填充剩余空间

echo '<div style="display: inline-table; width: 100%;">';
echo '<div id="categories" style="width: 20%; display: table-cell;">';
echo '<div class="box">';
echo 'Hello world2.';
echo '</div>';
echo '</div>';
echo '<div id="content" style="width: 70%; display: table-cell;">';
echo '<div class="box">';
echo 'Hello world.';
echo '</div>';
echo '</div>';
echo '</div>';
echo';
回声';
回声';
回声“你好,世界2号”;
回声';
回声';
回声';
回声';
回音“你好,世界”;
回声';
回声';
回声';

您可以使用边框分隔div。

使用HTML填充

更多参考:www.w3schools.com/css/css\u boxmodel.asp