css中div不能被撑开高度不能自适应的问题

原创 2012年03月30日 14:50:34

有时我们发现有些div总是不能根据内容自适应,父级元素高度只有一点点,但子元素很高,看起来就像裤子短了很长一截,检查半天也没有结果。面对着这种丑陋的情况,我们真的不知道该如何处理。

冷静下来,为什么会出现这种情况,难道是因为使用了浮动的原因吗?

确实是

浮动能产生很好的效果,但是很多人忽略了浮动的细微性质,那就是浮动使一个块级元素与该层的其他元素游离开来,他漂浮在父元素的上面,父元素无法在视觉上包含他。虽然我们第一次接触float的时候,文档资料里面有提到,但是因为太细微了,往往被忽略了。

但是我们没法不使用浮动,为了解决这个矛盾,我们需要在使用浮动的时候同时在浮动的元素最后加上一个清除浮动的块级元素<div style="clear:both;"></div>

初级css技术人员可能会写css,但是细节上的东西,才能决定你能不能写出高质量的css

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

关于CSS中的float和position (父容器div内的子元素div为float时,父元素无法撑开(或高度自适应)的解决方式)

当构建页面排版时,有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求,在不同的情况下,某些方法可能好过于其他的方法。 比如,可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者,如...

[译] 关于CSS中的float和position (父容器div内的子元素div为float时,父元素无法撑开(或高度自适应)的解决方式)

当构建页面排版时,有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求,在不同的情况下,某些方法可能好过于其他的方法。比如,可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者,如果需要更...

[译] 关于CSS中的float和position (父容器div内的子元素div为float时,父元素无法撑开(或高度自适应)的解决方式)

当构建页面排版时,有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求,在不同的情况下,某些方法可能好过于其他的方法。 比如,可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者,如...

解决子级用css float浮动,而父级div不能自适应高度问题

原文地址 DIVCSS5 解决子级对象使用 css float 浮动,而父级 div 不能自适应高度,如下图: 造成这种情况的原因是:对象内的盒子使用float后,导致对象本身不能被撑开自适应...

DIV百分百自适应宽度碰上padding/margin 被撑开

平时在制作页面的时候,总会碰到有的元素是100%的宽度。众所周知,如果元素宽度为100%时,其自身不带其他盒模型属性设置还好,要是有别的,那将导致盒子撑破。比如说,有一个边框,或者说有margin和p...
  • iwei13
  • iwei13
  • 2015-12-22 20:47
  • 2231

IE7、FF DIV高度不能自适应问题的解决方案

先看这样一个例子: http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> http://www.w3.org/1999/xh...

解决子级用CSS float浮动 而父级div没高度不能自适应高度

当一个div的子级用了float浮动时,这个div的高度就不受子级div高度的影响了。 如: 父div不自适应高度实例 .father { width:500px; bo...

解决子级用css float浮动 而父级div没高度不能自适应高度 - DIVCSS

http://www.divcss5.com/jiqiao/j612.shtml

div css 中 float left right clear 外框自适应高度问题

在CSS中很多时候会用到浮动来布局,也就是经常见到的float:left或者float:right,前者是左浮动(往左侧向前边的非浮动元素浮动,如果全是浮动得元素的话,就按照流式来浮动从左到右,放不下...

DIV+CSS 设计的页面,DIV高度自适应问题

解决方法: 方法1: 在内层元素的最后面加入一个元素,并且设置这个元素不浮动,强制使外层元素包裹内层元素如 方法2:设置外层元素css属性overfloat为hidden或者auto,zoom设置...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)