Question

我有一个页面，我有3个单独的DIV对齐，一个右，中，然后左。当页面处于默认大小时，这看起来很完美，但是在较小的重新调整大小时，它们全部3可以相互重叠，这使得它们不可读。

我当前的CSS，除了正确的值之外都是一样的。

.Cat_One {
margin-left: 2%;
position:fixed;
left: 170px;

min-width: 20%;
max-width: 20%;
max-height: 350px;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;

}

我的身体CSS

body {
width: 100%;
min-height: 690px;
min-width: 1275px;
margin-left: -0px;
overflow-x: scroll;
overflow-x: scroll;

}

我只需要想办法阻止它们在调整大小时重叠。试过很多类似的帖子，似乎我的情况是一样的，那里的建议并没有完全解决。也许我错过了一些东西。

Answer 1

如果没有更多代码，我最好的猜测是问题在于您的位置：已修复。转储那个。根据您的目的，您可以显示：inline-block;或者使用flexbox，或者浮动：左;或者如果这是表格数据，您甚至可以使用表格。

虽然位置固定，但我会把钱放在那不是你想要的东西上。

Answer 2

我有同样的问题（Kinda）。我所做的是将其添加到css中：

top: 0px;
Right: 0px;
Position: Absolute;

这将使div锁定到页面的右上角，然后使用：

Transform: Translate(XXvw, XXvh);

转换用于将对象重定位到您想要的位置^^

您还必须在hss的css中指定此内容，否则它将无法正常工作：

Min-height: 100vh;
Min-width: 100vw; (100% of the viewport/browser window).

防止div在重新调整大小时重叠

2 个答案: