how2j.cn


步骤 1 :

左右固定,中间自适应的布局

edit
运行效果
<style> .left{ width:200px; float:left; background-color:pink } .right{ width:200px; float:right; background-color:pink } .center {margin:0 200px; background-color:lightblue} </style> <div class="left">左边固定宽度</div> <div class="right">左边固定宽度</div> <div class="center">中间自适应</div> </head> <body> </html>




HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。


问答区域    
2019-12-02 自适应
hx1176406648




去掉右浮动宽度,利用overflow去掉中间元素的溢出实现自适应





回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢


2019-01-10 例子中 center 的左右外边距 200px 是相对于哪个边框的?
借口可可

我自己试了试,感觉center的margin不是基于左边和右边div的边框的,这个200px似乎是距离body的边框的,这是什么原因?




2 个答案

BeachFish
答案时间:2019-07-02
这个加不加看不出来的,因为左右元素宽度都是200px,你调小就看出来了

LEENO
答案时间:2019-01-21
大概是因为float不占用空间 所以margin判断的时候就直接以body来判断了。



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢

2018-11-25 这里的margin:0 200px和overflow:hidden有啥区别
2018-09-21 关于右边 div 挤下去的原因
2018-09-20 结果和<div></div>标签的顺序有关


提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 5 条以前的提问,请 点击查看

提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢