首页 > 其他 > 详细

左边宽度固定右边自适应

时间：2017-01-11 14:35:21      阅读：168      评论：0      收藏：0      [点我收藏+]

在写页面布局的时候经常要用到左边宽度固定右边自适应

第一种写法：

.left {
 position: absolute; 
height: 100%; 
width: 300px;
background-color: blue;
}
.right {
height: 100%;
 margin-left: 300px;
background-color: red;
}
这种写法有个问题，right的宽度是占满整个屏幕，如果right想实现拖拽功能，发现拖拽到左边300像素的时候，不能在往往左边拖拽了，那是因为有个margin-left值
所以一般会采用第二中方法写左边宽度固定右边自适应
.left {
float: left; 
height: 100%;
width: 300px;
 background-color: blue;
}
.right {
overflow: auto; 
height:100%;
background-color: red;
}

左边宽度固定右边自适应

原文：http://www.cnblogs.com/jiayingzi/p/6273346.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！