A盒子使用绝对定位,B盒子使用相对定位,A盒子紧贴着B盒子,当浏览器窗口变小后A盒子就被B盒子覆盖住了,怎么才能使浏览器窗口缩小后A盒子也能紧贴着B盒子...
时间: 2024-03-12 21:46:03 浏览: 35
divcss盒子之绝对定位和相对定位.docx
可以给A盒子添加一个负的margin-left值,值为B盒子的宽度,这样A盒子就能够始终紧贴着B盒子,即使浏览器窗口变小。具体的CSS代码如下:
```
.b {
position: relative;
}
.a {
position: absolute;
left: 0;
top: 0;
margin-left: -100px; /* 假设B盒子的宽度为100px */
}
```
这里假设B盒子的宽度为100px,因此A盒子的margin-left值为-100px。这样当浏览器窗口变小后,B盒子的宽度会减小,但A盒子的位置会始终紧贴着B盒子。
阅读全文