css如何实现以下效果?

发布网友发布时间：2022-04-23 03:38

共3个回答

热心网友时间：2022-04-06 13:03

<html>

<style>

#box1{

float:left;

width:50%;

height:auto;

}

#box3,#box2{

float:left;

width:95%;

height:auto;

margin-left:2%;

border-bottom:0.089em 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.089em solid rgb(230,230,230);

}

</style>

</head>

<body>

<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