float:left设置子元素高度会随着子元素越来越高可是不能撑开父元素DIV的宽度怎么办?

float:left设置子元素,父元素高度会随着子元素数量越多越高,可是不能撑开父元素DIV的宽度怎么办?
标题表达不清楚·见谅·!

那你就给 父元素加以个最小宽度 min-width 当超出最小宽度的值的时候 就会随着增大
或者你把父元素的宽度去掉 然后加上padding就会撑开了
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-07-26
overflow:hidden 定义好你的 宽 添加这个就可以了。
第2个回答  2011-07-26
你截图的话更明显

子DIV设置了position:absolute,父DIV设置了position:relative的时候,子D...
1、作为外部容器的边框为红色的DIV,没有被撑开。这是因为内部的DIV因为float:left之后,就丢失了clear:both和display:block的样式,所以外部的DIV不会被撑开。2、在容器DIV内要显示出来的float:left的所有的DIV之后,我们添加了这样的一个DIV:<div style="clear:both"><\/div> 。3、在用dojo做Dra...

CSS 子元素宽度变宽时,如何撑开父元素?
1、父级版元素宽度不固定,父级元素设置为inline-block或者添加float;2、对父级元素使用min-width,这样只限制了最小的宽度,如果子元素变宽,父级同样会变宽。3、首先父类元素必须不是相对定位,如果是相对定位宽度就会默认为百分百。所以必须是绝对定位或者fixed。其实设置了这一步,父类的div已经达...

float带来的问题
解决:把右浮动的标签放在正常标签的前面即可。2.浮动造成换行问题 描述:例子如:两个div设置了左浮动,想第三个div换行 (如果第三个也是左浮动,则宽度小于父元素剩余宽度的话,就不会换行;如果第三不是浮动等特殊情况,会覆盖第一个div位置,但文字不会覆盖而是环绕)解决:给第三div设置style="...

css怎么让子元素突破父元素设定的宽高,body{width:1000px;},子元素{...
body通常都是整个页面的最大父级,而子元素设置宽度或者高度100%只是相邻的父级,况且你还设的宽度width:100%,那么就表示子元素的宽度等于父级的宽度,那你怎么可能会突破?要想突破,那你解除两者的父子级关系或者把子元素“独立”出来,比如给子元素加相对或者绝对定位position,再设置宽度高度就能解决...

css子元素浮动后父元素高度不能自动撑开
1、首先新建一个html文件,命名为test.html。2、在test.html文件内,使用p标签创建两行文字,代码如下。3、在test.html文件内,设置第一个p标签id属性为mp,主要用于下面使用css设置该p元素隐藏。4、在test.html文件内,编写标签<style type="text\/css"><\/style>,下面将在标签内编写css样式。5、...

li在浮动(float)时,如何让父标签自适应高度
当li设置float:left;的时候,它的父元素就不会随着li的增多自适应高度(主要是FF等浏览器),所以,如果父元素有背景的话是不会随着li的高度增加而出现的。这个时候可以给父元素加1个属性,overflow:hidden; [责任编辑:jumbot]

css中float:left什么意思?
当为元素设置"float:left"时,该元素会浮动到其父元素的左侧,其他文本和内联元素会环绕它的右侧和下方显示。这使得在网页设计中可以轻松地实现文字环绕图片等布局效果。同时,"float:left"也是响应式设计和流式布局中常用的技巧之一。3. 注意事项 使用float属性时需要注意一些细节。例如,浮动元素可能会...

CSS中float:
当设置为float:left时,元素会像波浪中的木块一样,沿着父元素的左侧边缘浮动,使得文本或图像移至父元素的左侧,形成明显的布局调整。相反,如果将float设置为right,元素则会顺从地移动到父元素的右侧。默认情况下,如果没有明确指定float,元素会保持其原始位置,如同没有受到浮动影响一样,按照文档中的...

如何撑开父元素,让父元素div自动适应高度的问题
2、在test.html文件内,使用div标签创建一个模块,在div标签内,使用p标签创建一行文字,在p标签内,使用span标签创建一行文字。3、在test.html文件内,设置span元素的id为box,主要用于下面通过该id获得span对象。4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获得元素名称”。5、在...

行内元素在为什么设置浮动后可以设置高宽
、 float中任意一个,都会让元素以display:inline-block的方式显示:可以设置长宽,默认宽度并不占满父元素。这样似乎可以解释的通,元素都隐式地将display变为inline-block,但是ie6\\7的css解析器并没有display:inline-block这个属性,只支持display:inline,这样就说不通了。又想到了,float会触发...

相似回答