我有一些div用于封装一些图形。现在，我正在使用表格来对齐我的div，如下所示：
<table>
<tr>
<td>
<div> My stuff </div>
</td>
<td>
<div> My stuff </div>
</td>
</tr>
</table>
但是，当我的屏幕较小时，我希望它成为将div堆叠在一起的两行。有没有一种优雅的方法可以做到这一点？
现在，我的页面上还有一个侧边菜单，因此在一个小屏幕上，首先出现侧边菜单，然后将我的桌子推到其下方。相反，我希望我的侧边菜单在左侧，而div在右侧。我也应该将副菜单添加到表格中吗？
您可以简单地将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
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句