css 里 div自适应内容高度除了用overflow:hidden和<br style="clear:both">之外,还有没有什么其他方法?

DIV+CSS自动适应内容高度,有CSS样式,求出错原因?_百度知道CSS overflow:hidden 和 clear:both清除浮动的原理有什么不同?
详见:《》
overflow:hidden 是触发BFC clear:both 就是字面上的理解,清除浮动 深挖坑太深
已有帐号?
无法登录?
社交帐号登录定义最外层Div样式解决Div自适应高度的方法--种豆网
定义最外层Div样式解决Div自适应高度的方法
阅读:3252次
div高度自适应可通过在最外层div定义以下样式实现#main { height:100%;overflow:}Div即父容器不根据内容自适应高度,我们看下面的代码:&div id="main"&&div id="content"&&/div&&/div&当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开。我们可以通过三种方法来解决这个问题。 1、增加一个清除浮动,让父容器知道高度。请注意,清除浮动的容器中有一个空格。&div id="main"& &div id="content"&&/div& &div style="font: 0px/0px sans-clear:display: block"& &/div&&/div&2、增加一个容器,在代码中存在,但在视觉中不可见。&div id="main"& &div id="content"&&/div& &div style="height:1 margin-top:-1clear:overflow:"&&/div&&/div&3、增加一个BR并设置样式为clear:both。&div id="main"& &div id="content"&&/div& &br style="clear:" /&&/div&补充:&div id="main"& &div id="content"&
&p&demo1&/p&
&p&demo2&/p&
&p&demo3&/p&&/div& &/div&#main { border:1px solid #999999; background-color:#CCCCCC; height:100%; overflow:}#content { float:}以上三个方法都不是最好的解决方法,因为在程序代码观念中是提倡尽量不要添加无意义的标签代码。
举报 | 纠错 | 建议 |
已经是末篇了 &后一篇>>
关于种豆 ┊ 联系我们 ┊ 免责声明 ┊ 发帖须知 ┊ 请提意见 ┊ 站点地图
种豆网资源由热心网友整理,版权归原作者,如有侵权,请Email通知我们。欢迎转载,转载请以超链接方式注明出处。
Copyright&2010-&父容器不根据内容自适应高度的解决方法 - 丁丁瓜瓜【站长博客网】
父容器不根据内容自适应高度的解决方法 - 丁丁瓜瓜
作者:冰河 来源:博客园-所有随笔区 时间: 11:50
Div不根据内容自适应高度,我们看下面的代码: div id=main div id=content/div /div 当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较
相关推荐:
Div不根据内容自适应高度,我们看下面的代码:
&div id=&main&&
&div id=&content&&&/div&
当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开。
我们可以通过三种方法来解决这个问题。
一,增加一个清除浮动,让父容器知道高度。请注意,清除浮动的容器中有一个空格。
&div id=&main&&
&div id=&content&&&/div&
&div style=&font: 0px/0px sans-clear:display: block&& &/div&
二,增加一个容器,在代码中存在,但在视觉中不可见。
&div id=&main&&
&div id=&content&&&/div&
&div style=&height:1 margin-top:-1clear:overflow:&&&/div&
三,增加一个BR并设置样式为clear:both。
&div id=&main&&
&div id=&content&&&/div&
&br style=&clear:& /&
大家感兴趣的内容
最近更新的内容

我要回帖

更多关于 css里居中 的文章

 

随机推荐