css div 高度自适应

 

css div 高度自适应其实初学者经常会碰到此类的问题，记得我以前就碰过这样的问题喽，问了好多朋友都没办法在foxfir 与ie下同时让div高度自适应，下面是我经过反应的试验得出来了代码。

.all_block{

  width:900px;

  margin:0px auto;

  padding:12px 10px 0px 10px;

  background-color:#FFFFFF;  

  clear:both; position:relative;overflow:auto;height:auto; 

  voice-family:"""";

  voice-family:inherit;

  width:900px;  

  }

看到加粗那一段代码了，这样div就会自动适应高度哦。

好了也没什么说的了，手都打痛了转载的朋友加我本站网站吧。www.111cn.net/cssdiv/css.html

时间： 2024-03-10 08:03:24

css div 高度自适应的相关文章

研究了一下div+css的高度自适应问题_经验交流

div+css还是比较难搞的,要实现上下两个div高度自适应感觉麻烦,查了下资料只找到上下高度都是百份比的是可以的,我要实现上面的div是具体像素高度,下面是自适应剩余的百份比.自己搞了一下还要用上js,不知道是不是很笨,有好的方法请大家帖出来. <body style="height:100%; margin:0px; width:100%;"> <div id="ddii22″ style=" background-color:#ffffff;

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

div ul li 嵌套的使用在网页布局中很常见,最主要的问题就是如何解决增加多个li后DIV高度自动适应问题,本文有个不错的示例,可以解决此问题,大家可以尝试运行下     复制代码 代码如下: <body bgcolor="#0B3D82"> div ul li 嵌套后解决高度自适应办法: html代码如下 复制代码 代码如下: <div class="main_div"> <ul> <li><a href=

div高度自适应方法总结

看下面代码:    代码如下 复制代码 <style type="text/css">     .mytest     {         width:100px;         height:100px;         border:1px solid green;     } </style>     <div class="mytest">据英国<每日电讯报>11月30日报道,以色列安全内阁当天批准在约旦河西

css float 高度自适应无效解决方法

怎么解决这个问题呢?经发现可以采用overflow来解决!方法是在父元素加上如下代码即可: overflow:auto;zoom:1; "overflow:auto;"是让高度自适应,"zoom:1;"是为了兼容IE6,也可以用"height:1%;"来解决.  代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h

css因float引起div高度自适应无效解决方法

 代码如下 复制代码 <style> #main{float:left;min-height:500px;} #l{float:left;margin-bottom:10px;margin-right:10px;padding:6px 10px;width:117px;} #r{float:right;margin-right:10px;padding-top:10px;width:864px;overflow:hidden;} </style>   <div id=&quo

Firefox div高度自适应_javascript技巧

1.如果div想要一个最小高度,那么应该用css的minheight这个属性,但是IE不支持,考虑到大多数用户都使用IE,所以一般情况下这个属性基本上弃置不用.在IE里面,height基本上就可以当作minheight来用,因为如果内容超出height,IE会自适应其高度.但是一旦设置了 height以后,FIrefox就不会自适应div的高度了.所以只能两个属性都不用,干干净净地写<div>Jimbor Studio</div>. 2.即使不设置固定高度,Firefox对高度的自

css实现div两列高度自适应实例介绍

方法一: 纯CSS实现高度自适应:  代码如下 复制代码 .content{ overflow:hidden; } .left, .center, .right{ padding-bottom:500px; margin-bottom:-500px;}   方法二: 以下JS代码添加到</body>结束之前:  代码如下 复制代码 <script type="text/javascript"> <!– var l=document.getElementBy

关于div自适应高度/左右高度自适应一致的js代码_javascript技巧

在使用DIV和CSS进行网页布局中,DIV的自适应高度和自适应宽度是一个很常见的问题. 为了保证页面的整体美观性,需要将两个或者多个层的高度/宽度保持一致. 左右自适应高度一致 Jquery 复制代码 代码如下: <div style="width:300px;"> <div id="Left" style="float:left;background-color:blue;">1<br/>3<br/&g

CSS实现iframe高度自适应示例

前因:某个项目为了统计效果,把咨询的页面窗口内嵌放进一个单独的空页面,在这个页面里加了个统计,让人看着这个页面就跟直接进入咨询页面一样,懒得折腾啥js,直接用css弄了下,还好需求也不太高.OK了吧. 后果:因为接触iframe很少,几乎就没用过,所以当时就谷歌.百度了下,也不记得当时都搜到了些啥个内容,反正需求也不太强,就直接用css解决了 <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"