Question

我已经看过我能找到的每一个div讨论，并没有完全看到我的答案。我希望我不会重新发布。

我有一个液体布局，除了左边的一个div，我有一个固定的位置。我需要保留，如果固定，因为当我滚动我希望它留下来。其他div分布在它旁边。一切看起来都很棒，直到屏幕达到一定宽度（约1700px），然后固定的div开始直接覆盖右边的div。

我在身体上使用了最小宽度来修复它，但是有效的最小宽度太大，无法保证在较小的屏幕上防止水平滚动，或者有人调整窗口/缩放的大小。

无论屏幕大小如何，我怎样才能保持液体状态并使其看起来很好？

下面的CSS：

body {
min-width:1000px; /*~1700 to fix problem*/
padding-left:5px;
padding-right:5px;
padding-top:0;
padding-bottom:0;
margin:0;
}

.container {
padding: 0;
margin-left:auto;
margin-right:auto;
height:100%;
}

.leftinfo {
float:left;
position:fixed;
left:.5%;
top:150px;
background-color:#FFF;
height:400px;
width:160px;;
padding:10px;
}

.rightinfo {
background-color:#33F;
float:right;
height:200px;
border:thin;
width:15%;
margin-top: 25px;
}

.contentbackground {
float:left;
width:74%;
margin-left:10.5%;
margin-top: 30px;
}

非常感谢您的帮助！

Answer 1

您是否考虑使用％width值而不是px？这可以允许在不同窗口大小下进行相对大小调整。

屏幕调整大小时，防止固定div重叠液体div

1 个答案: