CSS-三栏自适应高度

摘要:
divclass=“leftSide”>左侧边栏<右侧边栏<divclass=“middAuto”>中间自适应部分<左边250像素;border:.rightSide{float:right;display:inline;width:background-color:#fff;#c5c5c5;padding-bottom:20000px;

通过负边距(padding/-marging)实现三栏自适应高度;

解决思想:左边栏向左浮动,右边栏向右浮动,中间栏放到最后,不需要浮动;

<div>
    <div class="leftSide">左边栏</div>
    <div class="rightSide">右边栏</div>
    <div class="middAuto">中间自适应部分</div>
</div>

高宽固定:

.leftSide{
    float: left;
    display: inline;
    width: 250px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    padding-bottom: 20000px;
    margin-bottom: -20000px;
}

宽度固定,高度自适应;

.rightSide{
    float: right;
    display: inline;
    width: 260px;
    background-color: #fff;
    padding-bottom: 20000px;
    margin-bottom: -20000px;
}

中间自适应宽度/高度;

.middAuto{    
    background-color: #c5c5c5;
    padding-bottom: 20000px;
    margin-bottom: -20000px;
}

免责声明:文章转载自《CSS-三栏自适应高度》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇ios基础之UITableViewCell的重用(带示例原创)idea双击打不开没反应的解决办法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

maven知识结构笔记

1.什么是maven Maven 翻译为"专家"、"内行",是 Apache 下的一个纯 Java 开发的开源项目。基于项目对象模型(缩写:POM)概念,Maven利用一个中央信息片断能管理一个项目的构建、报告和文档等步骤。 Maven 是一个项目管理工具,可以对 Java 项目进行构建、依赖管理。 maven功能 构建 文档生成...

(二)PaddleOCR 编译 ocr_system.dll

 选中ocr_system项目 右键-->仅用于项目-->仅生成ocr_system, 生成ocr_system.dll,打开cmd cd到Release目录下,就可以看到ocr_system.dll了。 下图中的Debug在编译的时候记得换成Release,不然就会报下图错误列表中的错误。 这样ocr_system.dll 和 ocr_...

1032. 挖掘机技术哪家强(20)

1032. 挖掘机技术哪家强(20) 为了用事实说明挖掘机技术到底哪家强,PAT组织了一场挖掘机技能大赛。现请你根据比赛结果统计出技术最强的那个学校。 输入格式: 输入在第1行给出不超过105的正整数N,即参赛人数。随后N行,每行给出一位参赛者的信息和成绩,包括其所代表的学校的编号(从1开始连续编号)、及其比赛成绩(百分制),中间以空格分隔。 输出...

git subtree用法

什么时候需要 Subtree ?1、当多个项目共用同一个模块代码,而这个模块代码跟着项目在快速更新的时候2、把一部分代码迁移出去独立为一个新的 git 仓库,但又希望能够保留这部分代码的历史提交记录。 git subtree的主要命令有: $ git subtree add --prefix=<prefix> <commit>...

React配置代理解决跨域问题

一、在src目录下建立setupProxy.js, 使用CJS(common JS)语法配置代理,适合一个或多个代理 const proxy = require('http-proxy-middleware') module.exports = function(app){ app.use(//传入一个或多个代理proxy,以逗号隔开...

linux新装系统初始化

linux新装系统初始化 系统新装的时候建议进行的初始化,以及以后每个主机安装系统的模版设置,比如最小化安装及启动必要的服务,统一的sudo配置,比如利用/etc/rc.local当作系统开机启动的档案管理等等。 linux新装系统初始化 1. 登录安全 2. 更改主机名: 3. 安装时最小化安装,及启动必要的服务 4. 最好把/etc/rc.lo...