找回密码
 立即注册
即日起,论坛关闭新用户注册和登录,论坛相关的贴子保留查阅和下载。获得授权后,有技术问题可联系微信 13199509559 一对一解决。 2024-3-12
查看: 3520|回复: 0

css布局width设置百分比宽度使用border超出问题

206

主题

206

主题

206

主题

管理员

Rank: 9Rank: 9Rank: 9

积分
0
admin 发表于 2020-10-26 19:11:38 | 显示全部楼层 |阅读模式
float左右div,各占屏幕一半宽度,都使用width:50%;
但是给左边div加了border-right:1px solid red; 屏幕宽度不够了,把右边div挤到下面了,怎么解决?


解决方法:
你可以给div加另外一个属性
box-sizing:border-box;
这个就把边框的宽度算在总宽度里面了。


例 li { width:50%; float:left; text-align:center; height:260px;  position:relative;  text-align: center; border-right:2px #f5f5f5 solid; border-bottom:2px #f5f5f5 solid; box-sizing:border-box;}
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表