div布局,上中下结构,怎么让高度固定的div始终在高度自适应的div下面

问题描述

div布局,上中下结构,怎么让高度固定的div始终在高度自适应的div下面
我做了一个页面布局为上中下,上面和下面的高度都是固定的,中间的高度是自适应的,下面那个div要怎么设置才能紧挨着中间的那个div我写的都跑到上面去了

解决方案

试试,下面的用下边距0固定

解决方案二:
贴出具体代码看看吧。

解决方案三:
正常就是上中下,除非你设置其他样式了。

 <div style=""height:100px"">上面</div> <div>中间</div> </div  style=""height:100px"">下面</div>

解决方案四:
将高度都用百分比表示这样当中间变化的时候下面也跟着一起变化;
这个百分比是指你整个大的div

你可以根据这个思路来整理自己想要的布局的

如果回答对您有帮助请采纳

解决方案五:
有的浏览器版本对div的渲染是默认是绝对布局的,高等点的版本是垂直线性布局的,你的问题出在了body意外没有按照垂直线性布局排列元素,
一种是看看body是不是被其它代码设置了自由布局的属性
一种是用表格,包含三行tr,每个tr/td对应一个 div强行布局。当前div和tr/td边距需要设置为0

解决方案六:
试试,下面的用下边距0固定

时间: 2016-10-12

div布局,上中下结构,怎么让高度固定的div始终在高度自适应的div下面的相关文章

div布局-请问怎么让div中的div在垂直方向上居中呢?

问题描述 请问怎么让div中的div在垂直方向上居中呢? 比如:下面这段代码,如何让里面的div在垂直方向上面居中呢(不好意思,实在是没有悬赏币了) .out{ width:500px; height:500px; background:blue;}.inn{ width:200px; height:200px; background:red;} 解决方案 你的inn怎么比out还大..搞反了吧..通过margin来定位.absolute定位最好,不需要考虑父容器,只需要依据自身的宽和高度来调整

div布局-设置有背景图片的&amp;amp;lt;div&amp;amp;gt;块中怎么开发出一个白色的块?

问题描述 设置有背景图片的<div>块中怎么开发出一个白色的块? 我用一个图片添加为一个 的背景,然后想在这个块中再添加一个白的的块,但是这个快没法变为白色. 谢谢回答. 解决方案 贴代码,或者贴效果图. 解决方案二: 不知道你想要什么样的效果,在上面再加一个div就好了啊 解决方案三: 代码贴一下,这样不知道你要干什么 解决方案四: 浮上去一个白色的块就可以了啊 解决方案五: 我也是初学者 看看吧 不一定对 <!doctype html> <div style='backg

CSS布局实例:上中下三行,中间自适应

css布局实例:上中下三行布局,上下定高,中间栏自适应浏览器高度,且内容垂直居中.本文代码在firefox 2.0 / win ie 6/ win ie 7 /opera 8.5 cn/win safari 测试通过.对于非ie内核浏览器,通过设定display:table.display:table-row和display:table-cell来模拟表格的表现形式. 最外层#box { display:table; },高度100%,其子层#header/#main/#footer为{ dis

CSS布局实例:上中下三行 中间自适应

CSS布局实例:上中下三行布局,上下定高,中间栏自适应浏览器高度,且内容垂直居中.本文代码在firefox 2.0 / win ie 6/ win ie 7 /opera 8.5 cn/win safari 测试通过.对于非ie内核浏览器,通过设定display:table.display:table-row和display:table-cell来模拟表格的表现形式. 最外层#box { display:table; },高度100%,其子层#header/#main/#footer为{ dis

Jquery easy UI 上中下三栏布局

效果图: 源代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Jquery easy

脚本控制三行三列自适应高度DIV布局

脚本|控制|自适应 这个例子是用JS脚本控制并列DIV的高度,通常在DIV布局中,自适应高度一直是比较头疼的问题,一般大都采用背景图.外套DIV.右栏覆盖左栏......来解决.现在加了脚本后,简单多了,假如有三个水平并列的DIV,fbox.mbox.sbox,只要在<body>标签中写入:,测试条件:ie5.x.ie6.0.FF1.03. NS7.2.opera8.01.最终效果. JS代码:版权归原作者,仅供学习研究. /* --------------------------------

嵌套DIV布局似乎与“布局结构与内容相分离”的原则冲突!

嵌套DIV布局似乎与"布局结构与内容相分离"的原则冲突! 为了合理实现XHTML+CSS格式的布局,似乎免不了在网页内容的HTML文件中写入嵌套的<div>标记,以实现那些常用的布局形式.比如:...<body> <div id="header">this is header</div> <div id="main"> <div id="navigater"&g

脚本控制三行三列自适应高度DIV布局_经验交流

脚本控制三行三列自适应高度DIV布局 亲和力指的并不只是关于盲人和屏幕阅读器.还有许多人虽然不是盲人,但是有视力障碍 - 你我变老时就会成为他们的一员. 使网站变得更具亲和力的一个最简单的方法就是允许用户改变文字大小:拒绝提供这样的选择就剥夺了用户的主导权,很可能使用户无法舒适地阅读. 亲和力指的并不只是关于盲人和屏幕阅读器.还有许多人虽然不是盲人,但是有视力障碍 - 你我变老时就会成为他们的一员. 使网站变得更具亲和力的一个最简单的方法就是允许用户改变文字大小:拒绝提供这样的选择就剥夺了用户的

div布局-div中加div,如果里面的div给margin-top,则外面的div就会整体下移,如何解决

问题描述 div中加div,如果里面的div给margin-top,则外面的div就会整体下移,如何解决 div布局中:div中加div,如果里面的div给margin-top,则外面的div就会整体下移,如何解决 解决方案 你外层div高度是否是固定的,如果是固定的可以改成百分比的: 上面是一个解决办法; 还有一个,如果你外层div定义了样式,你可以将border去掉,这样就可以margin-top了,假设这个网页就这两个div,则里面的div的margin-top是针对网页的 body所言的