Question

两个固定（不能更改）内联块和最小宽度。当我试图调整窗口大小（宽度小于min）时，它们相互重叠。有什么建议吗？如何为整页设置最小宽度？

<div style="position:fixed;left:0;top:0;bottom:0;width:40%;min-width:500px;border:2px solid red;margin:5px;">&nbsp;</div>
<div style="position:fixed;right:0;top:0;bottom:0;width:40%;min-width:500px;border:2px solid blue;margin:5px;">&nbsp;</div>

Answer 1

简短回答是否，而不是更改position: fixed

看看position: fixed实际意味着什么：

固定
不要为元素留出空间。相反，将它定位在指定位置相对于屏幕的视口，不要移动它滚动时打印时，将其放在固定位置上每一页。

https://developer.mozilla.org/en-US/docs/Web/CSS/position

因为你无法控制视口的宽度......

绝对位置应该可以工作，然后你可以将你的身体设置为这样的东西：

body {
    min-width: 1020px;
    position: relative;
    min-height: 100%;
}
html{
  height: 100%;
}

http://jsfiddle.net/1forkath/

如何保持最小宽度的内联2个固定元素？

1 个答案: