height:auto 和 height:100% 区别
- auto是随内容的高度而撑开的。100%是根据父级元素的高度来决定的。例如：
<div style="height:100px;width:200px;"><div style="height:auto;width:100px;float:left;">这个容器的高度是随里面的内容的高度而定</div><div style="height:100%;width:100px;float:right;">这个容器的高度为父级的高度，100px</div></div>
为同一个标签，定义多个样式
display
- 隐藏元素 display：none 或 visibility：hidden
- visibility:hidden 可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间,使用该属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明）。也就是说，该元素虽然被隐藏了，但仍然会影响布局。
- display:none 可以隐藏某个元素，且隐藏的元素不会占用任何空间。
也就是说，该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。且不加载！使用该属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;
white-space
规定段落中的文本不进行换行：
p{????white-space: nowrap}
注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
pre-wrap 保留空白符序列，但是正常地进行换行。
pre-line 合并空白符序列，但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。
min-height
设置元素最小高度。这属性 将自适应于内容高度，当内容不足，也不能小于设定值。
css设置最小高度 然后自适应：
//下面是无注释版，复制就能用的：min-height:400px;*+height:100%;_height:400px; ?// 兼容//这种方式还是不错的，当然还有其它处理方法可以解决这样的小问题：min-height:400px; height:auto!important; height:400px;
2017年10月25日 23:04:15
00. css 答疑整理（未归类）
原文地址：https://www.cnblogs.com/lhsaq2009/p/9017915.html