嵌套DIV:父DIV的高度不能根据子DIV自动变化的解决方案

解决

 
<div id="parent">
   <div id="content"> </div>
</div>

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

当Content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。 解决方案
<div id="parent">
  <div id="content"></div>
  <div style="font: 0px/0px sans-serif;clear: both;display: block"> </div><!--here-->
</div>

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

时间: 2024-10-17 01:37:46

嵌套DIV:父DIV的高度不能根据子DIV自动变化的解决方案的相关文章

父DIV的高度不能根据子DIV自动变化的解决方案

解决  <div id="parent"><div id="content"> </div></div> 当Content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展. 解决方案:<div id="parent"> <div id="content"></div> <div style=&q

父div高度不能自适应子div高度的解决方案_CSS/HTML

复制代码 代码如下: <div id="parent"><div id="content"> </div></div> 当content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展.解决方案如下: 复制代码 代码如下: <div id="parent">  <div id="content"></div

解决css中父div高度不随子div高度变化的方法

问题截图: 造成这种情况的原因是两个子div使用了float浮动属性,解决方法有两种: 1.给复层div加overflow:auto;属性即可,效果截图: 2.新建一个.clear{ clear:both}类,在kid2div下面加入<div class="clear"></div>清除一下浮动即可:

关于Div的宽度与高度的100%设定

正像你所知道的那样,设置DIV大小的有两个属性width和height,以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑,不明确这个100%的宽度(高度)到底有多宽有多高?这个100%是从哪里得到的从哪里继承的?今天我们的话题就是有关div高度100%的问题! 其实,要弄懂div宽度|width100%.div高度|height100%到底是怎么实现的,只需弄懂一个简单的问题就可以了,即100%的基数是谁,就是这个100%是相对于谁的width.height来说是100%? div的

如何让浮动的子DIV在父DIV上居中(水平方向和垂直方向)

问题描述 如何让浮动的子DIV在父DIV上居中(水平方向和垂直方向) 如题:如何让浮动的子DIV在父DIV上居中(水平方向和垂直方向) 解决方案 父容器relative定位,浮动div absolute定位,left和width 50%,定高和定宽,通过margin-left和margin-top为你的-宽度和-高度的一半来实现水平和垂直进行居中 解决方案二: http://blog.163.com/www.wxs_123/blog/static/82784664201321831746921/

子div在父div的相对定位css控制

 我们在设计页面的时候会遇到,子DIV要控制在父DIV内部的固定位置,而且还有图层上下的关系.这里有个小技巧. 父div的position使用relative,子div的position使用absolute,然后使用left和top进行定位. 如果子div的position使用了fixed,就不能使用left了,则改成margin-left. 这里说的不清楚,只是记录一下. 代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transition

js 获取div高度并重新设置div高度与宽度

 js 获取div高度并重新设置div高度与宽度 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/1999/xhtml"> <head> <me

css 样式 ,给div设置了最小高度 当内容溢出最小高度时 之前给容器div设置的样式没作用

问题描述 css 样式 ,给div设置了最小高度 当内容溢出最小高度时 之前给容器div设置的样式没作用 解决方案 DIV设置最小高度DIV设置最小高度为什么我的设置的div最小高度不对 解决方案二: 不懂你要问什么东东,代码也没有.. 解决方案三: 你用浏览器调式调式呢 解决方案四: 你用的是谷歌调试吗?

css float父元素自适应高度无效解决办法

当几个并列div元素使用float属性时,由于父容器没有定义实际高度(height),在IE中显示出现问题,无法显示父容器的背景颜色或背景图片 做了如下设置实验情况:1. 不正常显示的设置 子容器:使用float 父容器:不定义height 2. 在测试中发现,父容器在不定义高度时,取消float属性,背景颜色显示正常 子容器:不使用float 父容器:不定义height 3. 而给父容器定义了高度后,子容器再使用float则一切正常 子容器:使用float 父容器:定义height 原因及解决