日期:2014-05-17  浏览次数:20773 次

CSS小记
1.Label与Textarea顶部对齐
label与textarea默认是底部对齐,如果textarea的行数(rows)很多就很不美观。
在label中加入样式 vertical-align:top,就能使文字与textarea顶部对齐了。
例如:
<label style="vertical-align:top" >评论内容:</label><textarea name="content" cols="60"></textarea> 


2.页面布局宽度自适应
以两栏为例(A|B),A栏定宽,B栏宽度auto margin-left > A的width即可。
注: A浮动B不浮动 注意最后clear:both.

3.带滚动条的DIV
如下样式即可
#scroll-div {
	border: none;
	white-space: nowrap;
	overflow: auto;
	height: xx px;
}


4.恶搞:干掉IE6.
<style>*{position:relative}</style><table><input></table>



5.经验.
功能性CSS和样式性CSS独立设定,某些常用样式另单独设定 例如 .float-left{ float:left !important}


IE6下下拉菜单被滚动图片什么的盖住的问题
找到菜单和图片的最高级父元素 赋予合理的z-index即可。

让文字隐藏 显示背景图 一般应用于logo
text-indent: -9999px;