div+css 合理布局基本常识 8问

2021-03-13 09:30 jianzhan
1、超连接点一下之后hover款式就不出現的难题?
被点一下浏览过的超连接款式已不具备hover和active款式了,处理方式是更改CSS特性的排序次序: L-V-H-A
2、IE6的margin双倍边距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、为何中火狐访问器下文字没法撑开器皿的高宽比?
规范访问器中固定不动高宽比值的器皿是不容易象IE6里那样被撑开的,那我又想固定不动高宽比,又想能被撑开必须如何设定呢?方法便是去掉height设定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设定全透明:

拷贝编码
编码以下:

<a href="https://www.jb51.net/">:</a>
<pre lang="html" line="1">
<param name="wmode" value="transparent" />

7、如何使1个div层垂直居中于访问器中?

拷贝编码
编码以下:

<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;