1、为使下图中必填项*,定位在文本框(宽度不定)的靠右位置,主要属性(兼容低版浏览器,属性“required”不支持):
div{ float:left; clear:left }
2、下图中,外框div,加入overflow:hidden属性,高度是自适应,但是行内标签的绝对定位还是会被隐藏,所以为实现以下布局,只能在最外框div底部,加入额外标签并附属性:<br style="clear:both;" />,保证自适应,行内absolute定位不被隐藏
3、纯css下拉框兼容(IE8以上所有浏览器,)嵌套2层div,
外层宽度背景,
background: url("../images/fselect_bg1.png") no-repeat right
内层宽度,背景透明,用来隐藏下拉框右边箭头,z-index高于select
background:transparent;overflow: hidden;position: relative;z-index:3 ;
下拉框:
background:none; border: 0px;position: relative;z-index:2;
4、为保证文字部分与选框按钮在各浏览器下都居中对齐,放弃vertical-align:middle,bottom,text-bottom,因为各浏览器下,居中“X”字符大小并不一致;
只需在文字标签加入:position: relative;top:-2px,相对位移属性,