css如何实现以下效果?
发布网友
发布时间：2022-04-23 03:38
共3个回答
热心网友
时间：2022-04-06 13:03
<html>
<head><title>效果</title>
<style>
#box1{
float:left;
width:50%;
height:auto;
}
#box3,#box2{
float:left;
width:95%;
height:auto;
margin-left:2%;
border-bottom:0.0em solid rgb(230,230,230);
padding-bottom:0.4%;
}
#box4{
float:left;
width:25%;
height:auto;
margin-top:0.35%;
background:rgb(247,247,247);
}
#box5{
float:left;
width:25%;
height:auto;
margin-top:0.4%;
margin-left:3%;
}
#box3{
border-top:0.0em solid rgb(230,230,230);
}
</style>
</head>
<body>
<div id="box1">
<div id="box3"><div id="box4">文字</div><div id="box5">文字</div></div>
<div id="box2"><div id="box4">文字</div><div id="box5">文字</div></div>
<div id="box2"><div id="box4">文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div><div id="box5">文字</div></div>
<div id="box2"><div id="box4">文字</div><div id="box5">文字</div></div>
<div id="box2"><div id="box4">文字</div><div id="box5">文字</div></div>
<div id="box2"><div id="box4">文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div><div id="box5">文字</div></div>
<div id="box2"><div id="box4">文字</div><div id="box5">文字</div></div>
</div>
</body>
</html>
效果图：
热心网友
时间：2022-04-06 14:21
可以引用bootstrap里面的自动适应效果使这个元素自适应即可达到，随着内容的增多而实现等高。追问好的好的，我去看看~
热心网友
时间：2022-04-06 15:56
