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

left的height设置为px还是100%的区别?

.main{background:#f00;height:500px;}

.left{width:200px;height:500px;background:blue;position:absolute;top:100px;}

.right{height:100%;margin-left:210px;background:green;}

如上代码,如果把left的height设为与main相同的height,用px表示,则会显示正常,如果把left的样式改为如下:

.left{width:200px;height:100%;background:blue;position:absolute;top:100px;}

即把height:500px改为height:100%,则left块会下拉很多,显示不正常,如图所示

http://img1.sycdn.imooc.com//57b12c710001070e08330630.jpg


正在回答

1 回答

改成float:left;就行了

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

qq_落泪成诗_03758288

当一个元素使用绝对定位后,它的位置将依据浏览器左上角开始计算或相对于父容器(在父容器使用相对定位时)。
2016-08-15 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

left的height设置为px还是100%的区别?

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