实现一个左边宽度固定,右边自适应
来源:互联网 发布:java方法中布尔型变量 编辑:程序博客网 时间:2024/05/09 08:39
dom结构:
<body> <div class="left">hello</div> <div class="right">world</div></body>
方法一:
.left { width: 100px; height: 100px; border: 1px solid; position: absolute;}.right { height: 100px; border: 1px solid; margin-left: 100px;}
方法二:
.left { width: 100px; height: 100px; border: 1px solid; float: left;}.right { height: 100px; border: 1px solid; overflow: hidden;}
方法三:
body { display: flex;}.left { width: 100px; margin-right: 10px; border: 1px solid; height: 100px}.right { flex: 1; border: 1px solid; height: 100px}
阅读全文
0 0
- 实现一个左边宽度固定,右边自适应
- 实现左边固定宽度右边自适应布局
- 左边固定宽度右边自适应
- 右边宽度固定,左边宽度自适应
- 右边固定宽度,左边自适应宽度
- 实现一个div,左边固定div宽度200px,右边div自适应
- 通过 CSS 实现一个左边固定宽度、右边自适应的两列布局
- css实现左边div固定宽度,右边div自适应撑满剩下的宽度
- css实现左边div固定宽度,右边div自适应撑满剩下的宽度
- 左边层宽度固定,右边层宽度自适应写法
- 左边div固定宽度,右边div宽度自适应
- 左边固定 右边自适应
- CSS中实现左边固定,右边自适应
- 利用绝对定位实现两列右边固定宽度左边自适应布局
- 实现两个div,左边固定div宽度200px,右边div自适应
- 左边div固定宽度,右边div自适应填充
- 左边固定宽度右边自适应的三种方法
- 两栏布局——实现左边固定,右边 自适应(右边固定,左边自适应)
- mybatis之入门到开发(一)之基础原理概念+入门小程序
- 学习Bootstrap后制作一个小dome的所思
- 图像处理8:局部复制粘贴
- LeetCode 258 Add Digits
- 【bzoj1132】 [POI2008]Tro
- 实现一个左边宽度固定,右边自适应
- Python学习03_图片像素操作
- POJ3261_Milk Patterns_后缀数组::求可重叠的k次最长重复子串
- 22.实例 --- nginx 虚拟主机
- Yukari's Birthday HDU
- 关于前端知识点总结(干货)
- PAT a1103题解
- 有志者事竟成!
- PAT a1104题解