css code：
<style type="text/css">
div.box {box-sizing: border-box;/*两个并排的带边框的框*/
width: 50%;
border: 8px solid red;
float: left;
}
</style>
html code：
<div class = "box"> hello world </div>
<div class = "box"> 不管边框有多粗，都不会被挤下来。 </div>
box-sizing:border-box设置并排带边框的容器
最新推荐文章于 2025-04-14 18:05:48 发布
本文展示如何使用CSS代码创建并浮动两个带红色边框的div元素，说明了盒模型、边框属性以及浮动布局的基本应用。
box-sizing: border-box;/*两个并排的带边框的框*/
width: 50%;
border: 8px solid red;
float: left;
}
扫一扫
317
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
