0

我一直在谷歌搜索并寻找一种使用 CSS 定位元素的方法，但我在解决问题时遇到了麻烦。

我正在尝试做的一个很好的例子是：

我有两个div，

<div class="A"></div>
<div class="B"></div>

我想使用 CSS 在 div 类 A上方显示 div 类B。我的问题是：是否可以仅使用 CSS 在 A 之上显示 B 而无需更改 HTML？或者是在 A 之上显示 B 以将 B 的 div HTML 放在 A 之上的唯一方法？

4

5 回答 5

1

这是你的答案，

.a, .b { 位置：绝对；

}
.a {
top:50px;
}
于 2013-01-07T07:16:31.273 回答
1

你可以使用这样的CSS

.A,.B{
width: 48%;
float: right;
}

.A {
background-color: #ffa;
}

.B{
background-color: #0f0;
}

演示请参阅此以供参考

于 2013-01-07T07:31:00.127 回答
0

这是可能的，但这取决于您要实现的目标。最好的方法仍然是简单地将 B div 放在前面。另一种方法是定位。position:absolute 两者都可以正常工作，但您需要知道元素的确切宽度和高度。例如，如果两者都有 height: 50px 和 width: 50px 您的代码将如下所示：

.a {
height: 50px;
width: 50px;
position:absolute; 
top: 50px;
left: 0;
}

.b {
height: 50px;
width: 50px;
position: absolute; 
top: 0px;
left: 0;
}

另一种方法是元素 B 的边距减去。

.a {
height: 50px;
width: 50px;
margin-top: 50px;
}

.b {
margin-top: -100px;
height: 50px;
width: 50px;
}
于 2013-01-07T07:18:12.980 回答
0

用这个

.B{

margin-top:-50px;
}
于 2013-01-07T07:24:36.783 回答
0

这样做的方法是：

#wrapper { 
     position: relative; 
     }

    #firstDiv { 
     position: absolute; 
     height: 100px; 
     top: 110px; 
     }

    #secondDiv { 
     position: absolute; 
     height: 100px; 
     top: 0; 
     }

更多方法试试这个

于 2013-01-07T07:25:38.577 回答