css剩余宽度一半,css 剩余宽度完全填充

从网上转的。

两列式全屏布局

html, body {

margin: 0;

padding: 0;

}

.top {

background-color: red;

border: solid 1px black;

margin: 0 0 5px 0;

height: 50px;

}

.sidebar {

position: absolute;

left: 0;

top: 57px;

width: 205px;

background-color: yellow;

border: solid 1px black;

border-left-width: 0;

height: 50px;

}

.main {

margin-left: 210px;

background-color: white;

border: solid 1px black;

height: 50px;

}

A(固定高度，宽度自适应)

B(高度任意，宽度为固定)

C(高度任意，宽度为除开B之外的所有空间，自适应)

CSS 剩余宽度和高度完全填充

...

CSS实现宽度自适应100%，宽高16:9的比例的圖片或者矩形

前言 图片的大小是多少,宽度一定,高度要始终自自适应为16:9. 解决 1通过js,程序算出绝对高度再进行设置.这是解决问题最容易想到的方法. 2.我们的原则是能用css实现的功能尽量用css,这有利 ...

【接上一篇】winform中dataGridView高度和宽度自适应填充完数据的高度和宽度，即dataGridView根据数据自适应大小

上一篇:winform中dataGridView高度自适应填充完数据的高度 winform中dataGridView高度自适应填充完数据的高度,就是dataGridView自身不产生滚动条,自己的高度 ...

随机推荐

.NET core for docker

本文描述下 .net core 在 docker 里面的玩法 首先按照官方文档先 拉取镜像 docker pull microsoft/dotnet:latest 然后就有了 dotnet 这个运行时 ...

改造laravel的登录流程，仅使用一个token登录laravel

背景:最近使用lavavel来改造目前的系统,但是之前的老系统还不能立马下线,这时就出现了双系统共存的状态,需要解决的一个问题就是一次登录2个系统. 第一步 修改中间件App\Http\Middlew ...

live555从RTSP服务器读取数据到使用接收到的数据流程分析

本文在linux环境下编译live555工程,并用cgdb调试工具对live555工程中的testProgs目录下的openRTSP的执行过程进行了跟踪分析,直到将从socket端读取视频数据并保存为 ...

Babelfish (STL)

题目描述 You have just moved from Waterloo to a big city. The people here speak an incomprehensible dial ...

Spark DataFrame写入HBase的常用方式

Spark是目前最流行的分布式计算框架,而HBase则是在HDFS之上的列式分布式存储引擎,基于Spark做离线或者实时计算,数据结果保存在HBase中是目前很流行的做法.例如用户画像.单品画像.推荐 ...

lua_table 学习

lua  table (表)   Table 的常用操作   local fruits = {“aaa”,”bbb”,”ccc”,”ddd”,”eee”,”fff”,”ggg”}   table.co ...

java调用matlab

object result[]; result = pClass1.job_3in1(2, c, ws2, 1275, a, 0); string adg[]; adg = result[1].toS ...

Day 4-2 time & datetime模块

time模块. import time time.time() #输出: 1523195163.140625 time.localtime() # 获取的是操作系统的时间,可以添加一个时间戳参数 # ...

Vim auto-pairs设置选项

let g:AutoPairs = {'(':')', '[':']', '{':'}',"'":"'",'"':'"'} 设置要自动配对的 ...

python的运行机制

不需要生成二进制代码,python解释器把源码->字节码,然后在执行这些字节码. 解释器的具体工作: 1.完成模块(module)的加载和链接 2.将源代码编译成pyCodeObject(字节码 ...