html 占据剩余空间,html – 如何使左浮动div占用剩余空间的100％？

如果我有一个75％宽度的容器,内部,左侧和右侧两列,左侧宽度为10em,我如何获得正确的容器占用剩余空间的100％？

我试了这个没有运气：

html, body {

margin:0;

padding:0;

width:100%;

height:100%;

}

#container {

position:relative;

width:75%;

margin:0 auto;

background:blue;

}

#left-container {

position:relative;

float:left;

height:100%;

width:10em;

background:red;

}

#right-container {

position:relative;

float:left;

height:100%;

width:100%;

background:yellow;

}

Left

Right

我可以用百分比轻松地做到这一点,但我需要留下固定的10em宽度.

html 占据剩余空间,html – 如何使左浮动div占用剩余空间的100％？相关推荐

linux 硬链接占空间吗,硬链接到底占不占用磁盘空间？
硬链接到底占不占用磁盘空间? 查了很多资料都说硬链接不占用磁盘空间, 于是乎,我做了如下实验,竟意外地发现有的硬链接也占用了磁盘空间!!! 文件系统是 ext4,centos虚拟机. 不多说,往下 ...
itpub坛友问题--基于普通表或分区表创建索引，会占用临时表空间及何时回收临时表空间...
个人简介: 8年oracle从业经验,具备丰富的oracle技能,目前在国内北京某专业oracle服务公司从事高级技术顾问. 服务过的客户: 中国电信中国移动中国联通中国电通国家电网四川达州 ...
如何使div填充剩余的水平空间？
我有2个div:在页面的左侧是一个,在右侧是一个. 左侧的一个宽度固定,我希望右侧的一个填充剩余空间. #search { width: 160px; height: 25px; float: lef ...
html ul左侧浮动,UL里的LI元素左浮动层一行显示时使其居中的方法
在制作页面是,li浮动是很常用的,一般情况也不用其居中,但有时,其特殊原因需要居中,这是就有点犯难了,这里有了一个很好的解决方法,主要是用了相对定位的原理. 在ul外报一层,使其相对定位,再ul相对定 ...
html中的左浮动的作用,CSS浮动
float是css样式中的定位属性,用于设置标签对象(如: 标签盒子.标签.标签.标签等html标签)的浮动布局,浮动也就是我们所说标签对象浮动居左靠左(float:left)和浮动居右靠右(floa ...
HTML页面中使两个div并排显示如何实现
本文主要介绍了HTML页面中使两个div并排显示的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着微点阅读小编来一起学习学习吧在HTML中实现两 ...
mac清理磁盘空间_Mac磁盘清理-如何释放Mac上的空间
mac清理磁盘空间 Have you ever gotten a notification that you're running low on disk space on your Mac? Or ...
Hyper-V虚拟机快照占用磁盘空间过多，导致虚拟机不能启动怎么办
通常,为了捕获虚拟机某个时刻的状态和数据,我们会执行快照操作.但是存储快照的.avhd文件会占用大量的存储空间.因此,我们有时需要在Hype-V管理器中手动删除一些快照, 以节省磁盘空间. 虚拟机快 ...
生产上oracle扩展表空间,oracle基于裸设备(raw device)扩充表空间
首先在oracle中查询表空间的使用情况,确认是哪个表空间不足. select df.tablespace_name "Tablespace",df.bytes/(1024*102 ...

html 占据剩余空间,html – 如何使左浮动div占用剩余空间的100％？

html 占据剩余空间,html – 如何使左浮动div占用剩余空间的100％？相关推荐

最新文章

热门文章