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

如何实现右侧div宽度自适应?

如果实现right出现在left右边,那么有2种方法:


①:


.right{float:right}


.left{float:left}


这样right右浮动,left左浮动,可以实现right出现在left右侧;但是right宽度由其内容决定,并不能自适应。



.right{position:absolute;left:210px}


right采用绝对定位脱离文档流出现在left右侧;但是right宽度由其内容决定并不能自适应。


综上所述,我们可以给right添加宽度属性,可是并不能添加百分比宽度属性。


那么right如何自适应呢?


正在回答

1 回答

.left{background:blue;position:absolute;left:0;top:0;width:200px;height:400px;}

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


左侧使用绝对定位脱离父元素的文档流,

右侧的div默认宽度为父元素的宽度,只需要设置左外边距为相应的数值即可。

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

心很空_天很蓝 提问者

非常感谢!
2016-01-21 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

如何实现右侧div宽度自适应?

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