实现一个三列布局，左边固定大小，其他两列占据剩余空间的50%
来源：互联网 发布：淘宝卷皮 编辑：程序博客网 时间：2024/06/05 21:56
运用float
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><style>.middle-right-div {margin-left: 150px;}.div-middle {float: left;background-color: blue;width: 50%;height: 50px;}.div-right {float: left;background-color: yellow;width: 50%;height: 50px;}.div-left {float: left;background-color: red;width: 150px;margin-left: -100%;height: 50px;}</style><body><div class="middle-right-div"><div class="div-middle"><span>div-middle</span></div><div class="div-right"><span>div-right</span></div></div><div class="div-left"><span>div-left</span></div></body></html>效果：阅读全文
0 0
- 实现一个三列布局，左边固定大小，其他两列占据剩余空间的50%
- 通过 CSS 实现一个左边固定宽度、右边自适应的两列布局
- CSS 布局实例系列（二）如何通过 CSS 实现一个左边固定宽度、右边自适应的两列布局
- css三列布局,最右侧div固定,其他两列自适应
- 利用绝对定位实现两列右边固定宽度左边自适应布局
- Flex布局实现圣杯布局，左右两列固定、中间列自适应的三列式布局
- 横向两列布局（左列固定，右列自适应）的4中实现方式
- 中间固定，两边自适应的三列布局、两边固定，中间自适应的三列布局、左侧栏固定，右侧自适应的两列布局
- css3伸缩布局实现三列固定
- 两列：左边固定 右边自动适应
- 实现一个自适应布局 两列布局
- css实现左边定宽右边自适应的两列布局5种方法
- css布局-两列，左边宽度自适应，右边固定宽度200px
- 零基础学前端 两列布局左边固定右边自适应
- 常见的两列布局和三列布局
- 实现两（三）列等高布局的方法
- CSS实现网页布局(一列，两列，三列)
- 三列布局 两列布局
- Git,GitLab,GitHub,SVN 安装，用法，区别，进阶
- 编译安装nagios-4.3.2+plugins-2.2.1+check_mysql
- NDK入门：老码农谈NDK开发
- Linux开机启动(bootstrap)
- python
- 实现一个三列布局，左边固定大小，其他两列占据剩余空间的50%
- 关于五险一金
- ZMQ(java)-遇到的问题
- 关于skinmagic的使用具体步骤
- leetcode Question5.Longest Palindromic Substring
- java 取一个整数a从右端开始的4～7位。
- TextView使用getString(resId, args)对args设置字体颜色
- 就这样你跟我提月薪要十几K？
- 记安卓开发中监听左右手势滑动
