为了账号安全,请及时绑定邮箱和手机立即绑定

3列布局中的问题

如果这样写

.right{width:33%33;height:500px;float:right;border:2px red solid;}

排版出错,右边那一列会显示在下一行,不能3列在一条线上

正在回答

3 回答

都不用float,左边和右边用绝对定位,中间的那列用margin:left为左列的宽度,right为右列的宽度,top bottom为0;

0 回复 有任何疑惑可以回复我~

你要3列自适应的话不能用33.33%来定义宽度了。因为你的边框border占了总宽度的2px;所以第3列会被挤到下一行。不知道你问的是这个意思不?

0 回复 有任何疑惑可以回复我~

你要3列自适应的话不能用33.33%来定义宽度了。因为你的边框border占了总宽度的2px;所以第3列会被寄到下一行。不知道你问的是这个意思不?

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
如何用CSS进行网页布局
  • 参与学习       209624    人
  • 解答问题       1153    个

用最简洁的案例教你布局的那些知识,这是前端工程师基本技能

进入课程

3列布局中的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信