防止div在调整大小时重叠

我有一个页面我有3个单独的DIV对齐，一个右侧，中间，然后左侧。当页面处于默认大小时，它看起来很完美，但是如果它们的尺寸较小，它们都可以放在另一个之上，这使得它们不可读。防止div在调整大小时重叠

我目前的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;

}

我只需要想出一个办法来从调整大小重叠阻止他们。尝试了许多类似的帖子，似乎我的案件是不一样的，那里的建议并没有完全解决。也许我错过了一些东西。

来源

2016-10-13 StackUser4545

ç你做了一个[JSFiddle]（https://jsfiddle.net）？如果使用正常布局流程可以完成相同的事情，则不要使用固定位置。 – darrylyeo

这只是没有足够的代码能够回答你的问题 – Johannes

注意：如果'position：fixed; left：170px;'没有'top'或'bottom'设置是* 3 * DIV的CSS，它们将在* any *屏幕上相互重叠。固定位置是固定页脚，标题或侧边栏的例外，但绝对不是内容容器的理想选择。 – Johannes

没有更多的代码，我最好的猜测是问题与你的位置：固定。转储。取决于你想要做什么，你可以做display：inline-block;或使用flexbox，或float：left;或者如果这是表格数据，您甚至可以使用表格。

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

来源

2016-10-13 22:56:01 mattstache

我有同样的问题（有点）。我所做的是添加此到CSS：

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

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

Transform: Translate(XXvw, XXvh);

用于搬迁对象的变换到你想要的^^

还必须在CSS的HTML指定此，身体否则将无法正常工作：

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

来源

2017-07-17 13:07:07 D3nj1

防止div在调整大小时重叠

回答

相关问题