怎么使DIV自适应里边文字的高度?我给DIV设置了min-height,为什么不生效？文字多了还是会出来

css中min-height和height的问题~

当我们给块级元素设置响应式高度的时候，例如给div设置height=50%，往往没能看到效果。
原因是百分比的大小是相对其父级元素宽高的大小，如最外层元素设置的百分比是对应屏幕而言的。

需要了解的是对于宽度来说，其父级元素无须确定宽度就能设置百分比，例如我们可以利用这个特性给未知宽度的块级元素设置水平居中效果：

父元素css： position: relative/absolute; left: 50%;

子元素css： position: relative; left: -50%;


但高度则不同，若某元素的父元素没有确定高度，则无法有效使用height=XX%的样式，我们可以这样解决（假设最外层的div需要设置百分比高度样式）：
html, body {
height: 100%;
}
.outDiv {
height: 50%;
}
不过这里有个需要注意的，若div里的内容超出了div的高度，在IE7+的浏览器是无法将div撑起来的（IE6则可以），如果要顾及这一点，可以使用min-height解决（当然也要考虑IE6不支持min-height的问题）：
html, body {
height: 100%;
}
.outDiv {
min-height: 50%;
}
* html .outDiv {
height: 50%;
}

最后说通俗点，如果你想把高度设为百分比，那么父级必须设置高度

.className{ min-height:100px;
_height:100px;
}
注释：min-height。最小属性的意思，当内容超出时div被撑大。
下面是兼容IE6的。IE浏览器当给顶DIV高度的时候且内容超出了该高度，那么DIV被撑大，而火狐和谷歌不会（可一个给个边框就能看出超出的效果了）。所以直接给height IE类浏览器是可以的。但是火狐不行。并且min-height这个样式IE6不认识。所以用IE6HACK即_height只有IE6认识。当超出时 也适应，没有超出时候是这个高度。这样即实现了浏览器的兼容性有实现了效果

可以不用设置高度，如果父层内容没有设置浮动，是会自适应高度的。如果父层没有浮动，而包含的两个子层设置了浮动，那父层也要设置浮动，才能自适应高度。再一个就是你设置的高度不够，肯定会溢出。min-height一般不习惯用。兼容性不好。

要在DIV中自适应高度就是：height:auto;你的这个min-height只能在火狐里面兼容，IE是不兼容的。如果是文字多了会出来的话就用overflow:hidden;来防止溢出。还有什么不懂的就问我......407296762

---

丰县19823225250： 怎么使DIV自适应里边文字的高度 - ？
蓬彩迈甘： 很郁闷的一件事情是:有时你需要一个DIV根据里面的元素自动适应高度,所以,你肯定无法给这个DIV定义一个实际高度.而你随便嵌套一个DIV却发现并不适应高度.这事就郁闷了.下面给出一些方法.大致的例子是: 当Content内容多时,...

丰县19823225250： div中内容怎么垂直居中根据容器大小自适应 - ？
蓬彩迈甘： 1、如果文字不换行的话,那么把文字行高line-height设为div的高度height即可; 2、如果文字会换行,那么有2个方法,第一方法,设置适当的行高line-height后,在div上设置上下方向的padding值,div高度是自适应的,这样在视觉上就会感觉是垂直居中于div的;第二个方法,你把div换成table布局或者在div内套一个table,因为td默认情况下内容是偏左并且垂直居中的;

丰县19823225250： 怎么设置Div随着内部数据多少自适应高度? - ？
蓬彩迈甘： Div自适应高度只需把height属性设置为auto即可,其实div默认高度的样式值就是auto,如果要想div自适应高度,可以对div不设置height样式即可实现.范例如下:增加div中的内容,其高度自动改变.

丰县19823225250： div怎么自适高度? - ？
蓬彩迈甘： 很郁闷的一件事情是:有时你需要一个DIV根据里面的元素自动适应高度,所以,你肯定无法给这个DIV定义一个实际高度.而你随便嵌套一个DIV却发现并不适应高度.这事就郁闷了.下面给出一些方法.大致的例子是: <div id=＂main＂><div...

丰县19823225250： 怎么让div的宽度不变,高度自适应内容的高度,新手求举例,谢谢 - ？
蓬彩迈甘： <div style=＂width:300px; float:left; height:auto;＂></div> 这样写 就可以了 不过 div 里面的 子元素 要都有float:left;这属性 例如:<div style=＂width:300px; float:left; height:auto;＂> <div style=＂width:100px; float:left; height:150px; background:#000;＂></div> 希望能对你有帮助

丰县19823225250： 怎么让div里的内容自适应大小? - ？
蓬彩迈甘： 1、高度自适应较好解决,将高度设为自动,如:aa{height:auto;}. 2、宽度自适应将宽度设为百分比的方式,如: .wai{widht:98%;margin:0 auto;}/*宽度占整个屏幕的98%,且水平居中显示*/.相较于单列内容自适应,多列较复杂,根据实际情...

丰县19823225250： div怎样根据里面字数多少自适应高度 - ？
蓬彩迈甘： 内容 在里面加一个display属性:inline就行啦

丰县19823225250： 怎么使DIV自适应里边文字的高度?我给DIV设置了min - height,为什么不生效?文字多了还是会出来 - ？
蓬彩迈甘： 可以不用设置高度,如果父层内容没有设置浮动,是会自适应高度的.如果父层没有浮动,而包含的两个子层设置了浮动,那父层也要设置浮动,才能自适应高度.再一个就是你设置的高度不够,肯定会溢出.min-height一般不习惯用.兼容性不好.

丰县19823225250： 怎么让Div自适应高度 - ？
蓬彩迈甘： height:auto !important;height:200px; /*假定最低高度是200px*/min-height:200px; 这个设置,ie6,7,8 ,火狐等都能兼容.div标签内设置height高度样式: 在div标签内使用style属性即可设置此DIV盒子高度样式.小例:<div style=＂height:50px＂>我高度为50px</div> 解释:以上通过div标签的style属性样式设置height高度样式.

丰县19823225250： DIV+CSS动态内容如何自适应 - ？
蓬彩迈甘： 宽度设置为100%;.高度设置:auto; 宽读设置100%;就是根据设备屏幕的宽度大小决定大小.高度auto:这个是根据,该容器内部内容的高度来决定,注意清除浮动,如果这个高度无效的话,就注意该内容的是否浮动,