CSS在div中定位2个div可以使用position属性来实现。position属性有几个不同的值可以选择,包括static、relative、absolute和fixed。
以下是一个示例代码,展示如何使用CSS定位2个div:
<!DOCTYPE html>
<html>
<head>
<style>
.container {
position: relative;
width: 300px;
height: 200px;
border: 1px solid black;
}
.div1 {
position: absolute;
top: 50px;
left: 50px;
width: 100px;
height: 100px;
background-color: red;
}
.div2 {
position: absolute;
top: 100px;
left: 150px;
width: 100px;
height: 100px;
background-color: blue;
}
</style>
</head>
<body>
<div class="container">
<div class="div1"></div>
<div class="div2"></div>
</div>
</body>
</html>
在上述示例中,我们创建了一个容器div(class为container),并在其中放置了两个子div(class为div1和div2)。通过设置子div的position属性为absolute,并使用top、left属性来调整它们的位置,我们可以将它们定位在容器div中的指定位置。
请注意,上述示例中的代码只是一个简单的示例,实际应用中可能需要根据具体需求进行更详细的样式调整和布局设计。
领取专属 10元无门槛券
手把手带您无忧上云