文档章节

CSS DIV嵌套于各层底部

 夏碌冬藏
发布于 2015/04/04 15:34
字数 138
阅读 185
收藏 7

    网上找了很多例子,不不可行,之后在csdn帖子中找到了,记录一下。

    一定要在三层div中设置

style="position:relative;"

效果图:

CSS:

div{
border:1px solid black;
}
#content{
height:100%;
}
#left{
width:20%;
height:100%;
float:left;
position:relative;
}
#right{
width:78%;
height:100%;
float:right;
position:relative;
}
#bottom{
width:100%;
position:absolute;
bottom:0;
}

HTML:

<div id="content" name="content">
    <div id="left" name="left">
        <div id="top" name="top">图片</div>
        <div id="bottom" name="bottom">底部</div>
    </div> 
    <div id="right" name="right">右边
			<div id="top" name="top">图片</div>
			<div id="bottom" name="bottom">底部</div>
	  </div>
</div>




© 著作权归作者所有

共有 人打赏支持
粉丝 9
博文 49
码字总数 12155
作品 0
赣州
后端工程师
CSS深入理解:overflow:hidden——溢出,坍塌,清除浮动

overflow:hidden是overflow属性的一个神奇用法,它可以帮助我们隐藏溢出的元素,清除浮动和解除坍塌。当某一个属性拥有这么多的功能时,难免使人难以把握,不过不要怕,只要信:看完这篇文章...

lakey0126
08/03
0
0
CSS篇-CSS小技巧与注意手记(三)

一 : 点击边框变色 效果: 步骤分析 : 1.基本版搭建 可以看下面基本版的效果图,两个div之间存在很大的空隙.我们要进行进一步的修复. 基本版效果 步骤分析 : 2.加强版搭建 为了解决步骤1的问题...

TianTianBaby223
08/27
0
0
典型的三行二列居中高度自适应布局

典型的三行二列居中高度自适应布局 如何使整个页面内容居中,如何使高度适应内容自动伸缩。这是学习CSS布局最常见的问题。下面就给出一个实际的例子,并详细解释。(本文的经验和是蓝色理想论...

恐空控
2013/06/13
0
0
底部始终在最底部的五种方法

1.设置下边距为负值等于底部高度 css: html, body { height: 100%; margin: 0 } .footer { width: 100%; background-color: firebrick; } .content { min-height: 100%; margin-bottom: -50......

kenneth5530
2016/11/15
12
0
CSS常见问题小技巧解决办法收集

一、常见问题 1、div标签未关闭  这是书写代码是最为常见的一种错误了。特别是记事本书写习惯的设计师,在未关闭的情况下记事本的不会提示你什么,如果是在DW中,未关闭DIV,开始的DIV会显示...

曾杨
2013/12/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

00.编译OpenJDK-8u40的整个过程

前言 历经2天的折腾总算把OpenJDK给编译成功了,要说为啥搞这个,还得从面试说起,最近出去面试经常被问到JVM的相关东西,总感觉自己以前学的太浅薄,所以回来就打算深入学习,目标把《深入理...

凌晨一点
47分钟前
2
0
python: 一些关于元组的碎碎念

初始化元组的时候,尤其是元组里面只有一个元素的时候,会出现一些很蛋疼的情况: def checkContentAndType(obj): print(obj) print(type(obj))if __name__=="__main__": tu...

Oh_really
昨天
3
2
jvm crash分析工具

介绍一款非常好用的jvm crash分析工具,当jvm挂掉时,会产生hs_err_pid.log。里面记录了jvm当时的运行状态以及错误信息,但是内容量比较庞大,不好分析。所以我们要借助工具来帮我们。 Cras...

xpbob
昨天
94
0
Qt编写自定义控件属性设计器

以前做.NET开发中,.NET直接就集成了属性设计器,VS不愧是宇宙第一IDE,你能够想到的都给你封装好了,用起来不要太爽!因为项目需要自从全面转Qt开发已经6年有余,在工业控制领域,有一些应用...

飞扬青云
昨天
4
0
我为什么用GO语言来做区块链?

Go语言现在常常被用来做去中心化系统(decentralised system)。其他类型的公司也都把Go用在产品的核心模块中,并且它在网站开发中也占据了一席之地。 我们在决定做Karachain的时候,考量(b...

HiBlock
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部