Question

CSS 浏览器窗口缩小位置就变了 怎么实现红色的 一直在哪个位置 即使浏览器变小

代码如下<div style="width:1190px; height:300px; background-color:#999; margin:0 auto;"> <div style="width:235px; height:300px; position:absolute; left:345px; background-color:#900"></div> <div style="width:235px; height:300px; position:absolute; right:345px; background-color:#900"></div></div>
第二个图是 全屏浏览正确的
第一个图位移了---





Answer 1

最外层 width:1190px 的那个层加一个样式 position: relative；如下

<div style="width:1190px; height:300px; background-color:#999; margin:0 auto;position: relative">
<div style="width:235px; height:300px; position:absolute; left:345px; background-color:#900"></div>
<div style="width:235px; height:300px; position:absolute; right:345px; background-color:#900"></div>
</div>

Answer 2

position: fixed;绝对定位

Answer 3

<div style="width:1190px; height:300px; background-color:#999; margin:0 auto;">
<div style="width:235px; height:300px; float:left; background-color:#900"></div>
<div style="width:235px; height:300px; float:right; background-color:#900"></div>
</div>