防止div在重新調整大小時重疊

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);

轉換用於將對象重定位到您想要的位置^^

你還必須在css中為html指定它，否則它將不起作用：

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