`
cowboy_bebop
  • 浏览: 110351 次
  • 性别: Icon_minigender_1
  • 来自: 火星
社区版块
存档分类
最新评论

嵌套DIV 父层不能自适应子层的解决方法

    博客分类:
  • Css
阅读更多

XML/HTML代码
  1. <div id="parent">  
  2. <div id="content"> </div>  
  3. </div>  

 当Content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。 解决方案

XML/HTML代码
  1. <div id="parent">  
  2. <div id="content"></div>  
  3. <div style="font: 0px/0px sans-serif;clear: both;display: block"> </div>  
  4. </div>  

 在层的最下方产生一个高度为1的空格,可解除这个问题

分享到:
评论

相关推荐

    div ul li 嵌套后如何解决增加多个li后DIV高度自适应问题

    div ul li 嵌套的使用在网页布局中很常见,最主要的问题就是如何解决增加多个li后DIV高度自动适应问题,本文有个不错的示例,可以解决此问题,大家可以尝试运行下

    Firefox div高度自适应

    1.如果div想要一个最小高度,那么应该用css的minheight这个属性,但是IE不支持,考虑到大多数用户都使用IE,所以一般...如果需要在一个层内嵌套一个需要float来规定的层,那它就又失灵了。其实有个最简单的方法,就是

    滑动门 圆角背景宽度和高度自适应

    拿高度自适应来说,可以用一个div(用长背景居底铺)嵌套一个h2(用短背景居顶铺)标签。圆角背景高度自适应: 复制代码代码如下: &lt;style type=”text/css”&gt; body,div,p,h2{ margin:0; padding:0;} div{width...

    嵌入到HTML的iframe自动适应大小

    让嵌入到HTML的iframe自动适应大小

    做网页的一些技巧

    加入收藏夹代码 ie地址栏图标 &lt;link rel=”icon” href=”favicon.ico” type=”image/x-icon” /&gt;&lt;link rel=”shortcut icon” href...嵌套DIV:父DIV的高度不能根据子DIV自动变化的解决方案&lt;div\u00a0id=

    CSS文集

    利用CSS的Expression自定义属性来实现表格的OnMouseOver 特效 需要掌握的八个CSS布局技巧 用css实现链接经过时显示浮动图片背景的效果 自适应大小的CSS圆角盒子 div+css实现Firefox和IE6兼容的垂直居中...

    div+css有实例,易学易懂

    div+css有实例,易学易懂第1 章 Web 标准布局的本质 第8 页 1.1 为什么要建立Web 标准 1.1.1 建立Web 标准的目的 1.1.2 使用Web 标准的好处 1.2 什么是Web 标准 1.3 内容、结构和表现 1.4 两种思考方式 1.5 Web 标准...

    jquery div

    网页上的AJAX网页弹出层,弹出对话框,嵌套的网页弹出浮动层,可以关闭,可以自适应显示在网页浏览器的中央,不管浏览器窗口有多大,它都会显示在中间。运用了一个封装的JS库,实现一个浮动对话框的功能就更简单了。

    超实用的jQuery代码段

    1.16 实现左右div自适应相同高度 1.17 获取鼠标在屏幕中的坐标 1.18 获取鼠标在窗口客户区中的坐标 1.19 获取鼠标在窗口页面中的坐标 1.20 设置Flash对象的WMode窗口模式 1.21 实现类Twitter的字数限制效果 1.22 ...

    CSS网站布局实录 (第二版)PDF版

    3.1.4 并列与嵌套div结构 3.1.5 使用合适对象来布局 3.2 一列固定宽度 3.3 一列宽度自适应 3.4 二列固定宽度 3.5 二列宽度自适应 3.6 两列右列宽度自适应 3.7 二列固定宽度居中 3.8 三列浮动中间列宽度自适应 3.9 ...

    《CSS设计彻底研究》【中文PDF+源代码】

    在《CSS设计彻底研究》中对设计中常用的网页元素和布局方式都给出详细的分类和归纳,并讲解了完整的解决方法,主要包括各种导航菜单(水平的、竖直的、固定宽度的、自适应宽度的、下拉的等),Tab面板、伸缩面板和...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正Form不能自适应浏览器大小的改变(feedback:kaywood)(WorkItem#6309)。 -增加重载方法Alert.Show(message, title, icon)(feedback:TheBox)(WorkItem#6353)。 -为容器控件(比如Panel,Region,Tab等)增加AJAX...

    Winter_TTP_Assignment_3:CUNY 2x Winter Bootcamp作业3-自适应漫画

    MEC TTP 2021 冬季作业 3:响应式漫画目的在构建多面板漫画的框架内,通过 CSS 框架、外部 CSS 文件和嵌套的 HTML 标签... 漫画面板应包括: 嵌套的 HTML,所以一切都在一个标签下,可能是&lt;div&gt;&lt;/div&gt;或&lt;span&gt;&lt;/span&gt;

    ExtAspNet_v2.3.2_dll

    -修正Form不能自适应浏览器大小的改变(feedback:kaywood)(WorkItem#6309)。 -增加重载方法Alert.Show(message, title, icon)(feedback:TheBox)(WorkItem#6353)。 -为容器控件(比如Panel,Region,Tab等)增加AJAX...

    使用HTML5+Boostrap打造简单的音乐播放器

    前言:这个是综合一下我最近在学的东西做...1.布局:Boostrap里的响应式和自适应布局是自然跑不掉的,container中嵌套row再分别嵌套aside和main(H5新标签)和div(id=”musicConsole”)。aside是左侧的音乐列表,main是

    《程序天下:JavaScript实例自学手册》光盘源码

    6.3 被选中的列表项下次不能再选 6.4 不带滚动条的select 6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送...

    程序天下:JavaScript实例自学手册

    6.3 被选中的列表项下次不能再选 6.4 不带滚动条的select 6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    每个实例都经作者精心筛选,具有很强的实用性,其中一些实例是开发人员难于寻觅的解决方案。   本书适合PHP的初学者,如高校学生、求职人员作为练习、速查、学习使用,也适合PHP程序员参考、查阅。 目 录 目录:...

Global site tag (gtag.js) - Google Analytics