div内容设float之后,div的自动高度适应
来源:互联网 发布:有什么好用的精华 知乎 编辑:程序博客网 时间:2024/05/19 17:07
div内容设float之后,div的自动高度适应
2011-07-13 16:22:55
标签:div 高度 休闲 职场
div的【多列】内容舍友float之后,外层div的高度会不受内容控制,可以div所有内容最后加上一个clear,几种方法:
<div id="main">
<div id="content"></div>
</div>
当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开。
我们可以通过三种方法来解决这个问题。
一,增加一个清除浮动,让父容器知道高度。请注意,清除浮动的容器中有一个空格。
<div id="main">
<div id="content"></div>
<div style="font: 0px/0px sans-serif;clear: both;display: block"> </div>
</div>
二,增加一个容器,在代码中存在,但在视觉中不可见。
<div id="main">
<div id="content"></div>
<div style="height:1px; margin-top:-1px;clear: both;overflow:hidden;"></div>
</div>
三,增加一个BR并设置样式为clear:both。
<div id="main">
<div id="content"></div>
<br style="clear:both;" />
</div>
2011-07-13 16:22:55
标签:div 高度 休闲 职场
div的【多列】内容舍友float之后,外层div的高度会不受内容控制,可以div所有内容最后加上一个clear,几种方法:
<div id="main">
<div id="content"></div>
</div>
当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开。
我们可以通过三种方法来解决这个问题。
一,增加一个清除浮动,让父容器知道高度。请注意,清除浮动的容器中有一个空格。
<div id="main">
<div id="content"></div>
<div style="font: 0px/0px sans-serif;clear: both;display: block"> </div>
</div>
二,增加一个容器,在代码中存在,但在视觉中不可见。
<div id="main">
<div id="content"></div>
<div style="height:1px; margin-top:-1px;clear: both;overflow:hidden;"></div>
</div>
三,增加一个BR并设置样式为clear:both。
<div id="main">
<div id="content"></div>
<br style="clear:both;" />
</div>
- div内容设float之后,div的自动高度适应
- 让div自动适应内容的高度
- 让div自动适应内容的高度
- div自动适应内容的高度
- 子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度的问题
- 子元素用了float浮动之后,如何撑开父元素,让父元素div自动适应高度的问题
- 子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度
- 子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度
- 【解决方案】子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度的问题
- div ul li自动适应高度float:left
- 分析div自动适应浏览器的高度
- DIV自动适应屏幕高度的方法
- 分析div自动适应浏览器的高度
- iframe div 自动适应高度
- 让div自动适应高度
- DIV高度固定 当内容超出固定值 DIV自动适应高度
- div可输入内容,高度适应
- 多个div float,如何让div的高度自动对齐
- 转载:2.6 服务进程Postgres
- Java中的递归原理分析
- android中broadcastreceiver的用法-manifest中注册。
- MVC3 类型“System.Web.Mvc.ModelClientValidationRule”同时存在
- 获取屏幕的高度和宽度DisplayMetrics
- div内容设float之后,div的自动高度适应
- hdu2159(贪心+01背包)
- 转2.6.1 初始化内存环境载:
- HDU 题目1698 Just a Hook(线段树)
- 不可摸数
- 基本数据结构:栈(stack)
- php如何得到当前执行脚本路径,包括所得到参数
- 高质量代码风格
- 基本数据结构:队列(queue)