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

right{里面的width:100%}

right{里面的width:100%}这里什么效果啊 父辈的100%?不加这个好像就实现不了呢

正在回答

3 回答

通过看问答我发现了我的一些错误,width:100% 默认是父辈的100% 但是如果父辈使用默认的定位方式,里层的right使用了绝对定位,那么width:100%则变成了基于body的100%(这个也很容易理解:因为position:absolute是基于body元素来进行定位的,具体的大家可以看看这个博客http://www.lyblog.net/detail/286.html )

另外,我发现为了让right自适应而设置宽度100%,实际上right有一部分是溢出的(就是你在right里打字打的多的话,会有一部分显示不出来),因为width:100%并不包含margin的属性值,直接取其父容器的宽度加上含margin的值。所以right的宽度是大于浏览器的,而如果写成width:auto,就不会有这个文档溢出现象了,因为width:auto包含margin的属性值。。。。(具体的大家可以看看这个博客http://blog.csdn.net/wgw335363240/article/details/7043861 )

花了一晚上搞清楚这些问题,媳妇还嫌我不陪她聊天,让我跟电脑过去吧。。。

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

人非草木

好吧,这些博客直接转载 鼠标单击打不开的,复制到浏览器看吧
2016-11-28 回复 有任何疑惑可以回复我~

方法很多,你看的是哪个?源代码放出来分析一下

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

LioHD 提问者

.main{background:red;height:500px;} .left{background:blue;width:200px;height:500px;position:absolute;} .right{background:green;height:500px;margin-left:210px;position:absolute;width:100%;} <div class="main"> <div class="right">ssss</div> <div class="left">left</div> </div>
2016-11-29 回复 有任何疑惑可以回复我~

高度自适应,中间main根据浏览器高度,总高度-导航加+底面栏=中间内容高度(可以自适应的)

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

举报

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

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

进入课程

right{里面的width:100%}

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