会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
jiayingzi
博客园
首页
新随笔
联系
管理
订阅
左边宽度固定右边自适应
在写页面布局的时候经常要用到左边宽度固定右边自适应
第一种写法:
.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;
}
posted @
2017-01-11 13:45
jiayingzi
阅读(
125
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部
公告