有关学习培训DIV CSS的1些精巧问与答

2021-03-16 00:18 jianzhan

1.超连接浏览之后hover款式就不出現的难题?
被点一下浏览过的超连接款式不在具备hover和active了,处理方式是更改CSS特性的排序次序: L-V-H-A
2.IE6的双倍边距BUG
比如:
<style type="text/css">
body {margin:0}
div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red }
</style>
波动后原本外边距10px,但IE解释为20px,处理方法是再加display:inline
3.为何FF下文字没法撑开器皿的高宽比?
规范访问器中固定不动高宽比值的器皿是不容易象IE6里那样被撑开的,那我又想固定不动高宽比,又想能被撑开必须如何设定呢?方法便是去掉he ight设定min-height:200px; 这里以便照料不了解min-height的IE6 能够这样界定:
div { height:auto!important; height:200px; min-height:200px; }
4.为何web规范中IE没法设定翻转条色调了?
原先款式设定:
<style type="text/css">
body { scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#eeeeee; scrollbar⑶dlight-color:#eeeeee; scrollbar-arrow-color:#000; scrollbar-track-color:#fff; scrollbar-darkshadow-color:#fff; }
</style>
处理方法是将body换为html
5.为何没法界定1px上下高宽比的器皿?
IE6下这个难题是由于默认设置的行高导致的,处理的方式也是有许多,比如:overflow:hidden | zoom:0.08 | line-height:1px
6.如何才可以让层显示信息在FLASH之上呢?
处理的方法是给FLASH设定全透明:
<param name="wmode" value="transparent" />
7.如何使1个层竖直垂直居中于访问器中?
<style type="text/css">
<!--
div {
position:absolute;
top:50%;
left:50%;
margin:⑴00px 0 0 ⑴00px;
width:200px;
height:200px;
border:1px solid red;
}
-->
</style>
这里应用百分比肯定精准定位,与外补钉负值的方式,负值的尺寸为其本身宽度高宽比除以2
8、firefox嵌套循环div标识的垂直居中难题的处理方式
假设有以下状况:
<div id="a">
<div id="b"> </div>
</div>
假如要完成b在a中垂直居中置放,1般只需用CSS设定a的text-align特性为center。这样的方式在IE里看起来1切 一切正常;可是在Firefox中b却会是居左的。
处理方法便是设定b的横向margin为auto。比如设定b的CSS款式为:margin: 0 auto;。