Question

我有一些div用于封装一些图形。现在我正在使用一个表格来对齐我的div：

<table>
    <tr>
        <td>
            <div> My stuff </div>
        </td>
        <td>
            <div> My stuff </div>
        </td>
    </tr>
</table>

然而，当我的屏幕较小时，我希望这会成为我的div堆叠的两行。是否有一种优雅的方式来做到这一点？

现在我的页面上也有一个侧边菜单，所以在小屏幕上首先出现侧面菜单，然后我的桌子被推到它下面。相反，我希望我的侧边菜单位于左侧，而我的div位于右侧。我是否应该将我的侧边菜单添加到表格中？

Answer 1

你可以简单地将你的div设计为向左浮动并相对继承第一个div的宽度作为下一个div的边距

<div class="firstdiv">My Stuff 1 </div>
<div class="seconddiv"> My Stuff 2</div>

按照你的风格做点什么

.firstdiv{
float:left;
}
.secondiv{
float:left;
margin:auto
}

这也会有所回应。希望这会有所帮助

2关于侧边菜单

现在将你的div放在一个容器div中并应用上面描述的方法，将你的侧边菜单作为第一个div，将stuf容器作为seconddiv

如何根据窗口大小更改html中div的位置

1 个答案: