Question

请原谅我在这里过度使用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>';

Answer 1

您可以使用边框来分隔div。

Answer 2

使用HTML-Padding。

更多参考资料：www.w3schools.com/css/css_boxmodel.asp

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

2 个答案: