css+height+auto+如何居中
@正树6117：CSS,height:auto和height:100%有什么区别? -
潘馥19154768339…… 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>
@正树6117：CSS中height:100%和height:inherit的异同 00 张鑫旭 -
潘馥19154768339…… 1. 兼容性差异 height:100% IE6+ √ height:inherit IE8+ √2. 大多数情况作用是一样的 除去兼容性,大多数情况下,两者作用是一样的,甚至都很难想出不一样的理由.① 父容器height: auto,无论height:100%或者height:inherit表现都是auto.② 父...
@正树6117：div+css 中设置一个div的高度,如何输入内容超过这个高度以后自动拉伸高度? -
潘馥19154768339…… height:auto!important; height:500px; min-height:500px 三项顺序不要改动!这只是简单的情况的时候,要是浮动元素中的浮动元素,那就复杂点了!想兼容各个浏览器得费点劲,你照着这个摸索一下吧!
@正树6117：CSS中的width和height指的是哪个高度?
潘馥19154768339…… 这里主要是浏览器对盒模型的理解,比如 IE5 在解释的时候就有错误. 这里正确的模型是 实际宽度是: 左边界 + 左边框 + 左填充 + 内容宽 + 右填充 + 右边框 + 右边界 实际高度是: 上边界 + 上边框 + 上填充 + 内容高 + 下填充 + 下边框 + 下边界 这里的 内容宽和高用 width 和 height 设置,填充用 padding 边界用 margin 设置.
@正树6117：如何解决IE6、IE7、IE8、Firefox的CSS兼容性问题!详细说下谢谢了! -
潘馥19154768339…… 1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.(可用!important解决) 2, 居中问题. 1).垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过 vertical-align: middle.( 注意内容不要换行.) 2).水平居中. margin: ...
@正树6117：CSS+DIV问题!DIV的最小高度问题! -
潘馥19154768339…… 这个其实很简单,只要加上两条语句就行了. #obj{ min-height:500px; _height:500px; } 第一条min-height:500px这是针对IE7和FF的,因为IE6不支持min-height属性.而第二条是用了hack,因为_height只有IE6才认识,对IE7和FF不起作用.因为IE6里面,如果内容超出了height指定的高度,则容器会被撑大.切记不能给#obj加overflow:hidden;属性哦.
@正树6117：div+css请问这个什么意思height:auto !important; height:663px; min - height:663px !important; -
潘馥19154768339…… 楼上的解释我不苟同,height:auto !important是高度自适应,主要的是,!important只是对于ie6不认识而已,其他浏览器都是以这个为最高的优先级,执行这个,ie6会无视这个,不是只有火狐而已 height:663px是高度就不用讲了,每个浏览器都支持,按照你这个写法,ie6会执行height:663px;其他浏览器都执行height:auto !important,包括ie7 ie8 min-height:663px;!important;就是最小高度值,但目前我用这个代码还没看到效果过,而且使用比较少,理解不是那么透彻,但是肯定不想楼上的只认识ie跟火狐
@正树6117：css中的高度包含边框吗(即height=content+padding?还是height=content+padding+border?)?
潘馥19154768339…… 在xhtml1.1中(即标准模式中) div {height:100px;margin:10px;padding:10px;border:10px;} 那么这个div物理高度应该是 100+10x2+10x2+10x2 你将你的测试代码,包括头部声明,xhtml,css 帖上来.我来看看你以为的3px是如何造成的
@正树6117：CSS :不同的浏览器对高度的解析不一样~举个例,给不同的DIV 定义相同的height,可呈现的高度不一样怎么办?
潘馥19154768339…… 这个问题是最常见的盒子模型问题,不仅是高度,宽度同样有一样的问题! 主要原因是包含ie6以下版本的浏览器对盒子模型的解析和标准css对盒子模型的解析是不同~ 按css本身的标准盒子模型(也就是你说的定义了一个div的高度或者宽度)...
@正树6117：div+css 如何实现 div的垂直,水平居中(自适应的那种,不要margin - top:300这样假的居中) ,求高手指点!! -
潘馥19154768339…… div { position:absolute; top:50%; left:50%; margin:-100px 0 0 -100px; width:200px; height:200px; border:1px solid red; } --> 垂直水平都可以居中.
潘馥19154768339…… 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>
@正树6117：CSS中height:100%和height:inherit的异同 00 张鑫旭 -
潘馥19154768339…… 1. 兼容性差异 height:100% IE6+ √ height:inherit IE8+ √2. 大多数情况作用是一样的 除去兼容性,大多数情况下,两者作用是一样的,甚至都很难想出不一样的理由.① 父容器height: auto,无论height:100%或者height:inherit表现都是auto.② 父...
@正树6117：div+css 中设置一个div的高度,如何输入内容超过这个高度以后自动拉伸高度? -
潘馥19154768339…… height:auto!important; height:500px; min-height:500px 三项顺序不要改动!这只是简单的情况的时候,要是浮动元素中的浮动元素,那就复杂点了!想兼容各个浏览器得费点劲,你照着这个摸索一下吧!
@正树6117：CSS中的width和height指的是哪个高度?
潘馥19154768339…… 这里主要是浏览器对盒模型的理解,比如 IE5 在解释的时候就有错误. 这里正确的模型是 实际宽度是: 左边界 + 左边框 + 左填充 + 内容宽 + 右填充 + 右边框 + 右边界 实际高度是: 上边界 + 上边框 + 上填充 + 内容高 + 下填充 + 下边框 + 下边界 这里的 内容宽和高用 width 和 height 设置,填充用 padding 边界用 margin 设置.
@正树6117：如何解决IE6、IE7、IE8、Firefox的CSS兼容性问题!详细说下谢谢了! -
潘馥19154768339…… 1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.(可用!important解决) 2, 居中问题. 1).垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过 vertical-align: middle.( 注意内容不要换行.) 2).水平居中. margin: ...
@正树6117：CSS+DIV问题!DIV的最小高度问题! -
潘馥19154768339…… 这个其实很简单,只要加上两条语句就行了. #obj{ min-height:500px; _height:500px; } 第一条min-height:500px这是针对IE7和FF的,因为IE6不支持min-height属性.而第二条是用了hack,因为_height只有IE6才认识,对IE7和FF不起作用.因为IE6里面,如果内容超出了height指定的高度,则容器会被撑大.切记不能给#obj加overflow:hidden;属性哦.
@正树6117：div+css请问这个什么意思height:auto !important; height:663px; min - height:663px !important; -
潘馥19154768339…… 楼上的解释我不苟同,height:auto !important是高度自适应,主要的是,!important只是对于ie6不认识而已,其他浏览器都是以这个为最高的优先级,执行这个,ie6会无视这个,不是只有火狐而已 height:663px是高度就不用讲了,每个浏览器都支持,按照你这个写法,ie6会执行height:663px;其他浏览器都执行height:auto !important,包括ie7 ie8 min-height:663px;!important;就是最小高度值,但目前我用这个代码还没看到效果过,而且使用比较少,理解不是那么透彻,但是肯定不想楼上的只认识ie跟火狐
@正树6117：css中的高度包含边框吗(即height=content+padding?还是height=content+padding+border?)?
潘馥19154768339…… 在xhtml1.1中(即标准模式中) div {height:100px;margin:10px;padding:10px;border:10px;} 那么这个div物理高度应该是 100+10x2+10x2+10x2 你将你的测试代码,包括头部声明,xhtml,css 帖上来.我来看看你以为的3px是如何造成的
@正树6117：CSS :不同的浏览器对高度的解析不一样~举个例,给不同的DIV 定义相同的height,可呈现的高度不一样怎么办?
潘馥19154768339…… 这个问题是最常见的盒子模型问题,不仅是高度,宽度同样有一样的问题! 主要原因是包含ie6以下版本的浏览器对盒子模型的解析和标准css对盒子模型的解析是不同~ 按css本身的标准盒子模型(也就是你说的定义了一个div的高度或者宽度)...
@正树6117：div+css 如何实现 div的垂直,水平居中(自适应的那种,不要margin - top:300这样假的居中) ,求高手指点!! -
潘馥19154768339…… div { position:absolute; top:50%; left:50%; margin:-100px 0 0 -100px; width:200px; height:200px; border:1px solid red; } --> 垂直水平都可以居中.
