DIV+CSS常见问题及解决方案

开发 前端
DIV+CSS有很多值得学习的地方,但是在使用的过程中难免会出现一些问题,这里和大家分享一下DIV+CSS常见问题及解决方案,希望对你的学习有所帮助。

本文向大家描述一下DIV+CSS常见问题及解决方案,比如说超链接访问过后hover样式不出现问题,被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序:L-V-H-A。

DIV+CSS常见问题及解决方案

1.超链接访问过后hover样式就不出现的问题?

被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序:L-V-H-A。

2.IE6的双倍边距BUG

例如:

viewplaincopytoclipboardprint? 

  1. <styletypestyletype="text/css"> 
  2. body{margin:0;}  
  3. div{float:left;margin-left:10px;width:200px;  
  4. height:200px;border:1pxsolidred;}  
  5. style> 
  6. <styletypestyletype="text/css"> 
  7. body{margin:0;}  
  8. div{float:left;margin-left:10px;width:200px;  
  9. height:200px;border:1pxsolidred;}  
  10. style> 
  11.  

浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline

3.DIV+CSS为什么FF下文本无法撑开容器的高度?

标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉height设置min-height:200px;这里为了照顾不认识min-height的IE6可以这样定义:

viewplaincopytoclipboardprint? 

  1. div{height:auto!important;height:200px;min-height:200px;}  
  2. div{height:auto!important;height:200px;min-height:200px;}  
  3.  

4.DIV+CSS为什么web标准中IE无法设置滚动条颜色了?

原来样式设置:

viewplaincopytoclipboardprint? 

  1. <styletypestyletype="text/css"> 
  2. body{scrollbar-face-color:#f6f6f6;  
  3. scrollbar-highlight-color:#fff;scrollbar-shadow-color:#eeeeee;  
  4. scrollbar-3dlight-color:#eeeeee;scrollbar-arrow-color:#000;  
  5. scrollbar-track-color:#fff;scrollbar-darkshadow-color:#fff;}  
  6. style> 
  7. <styletypestyletype="text/css"> 
  8. body{scrollbar-face-color:#f6f6f6;scrollbar-highlight-color:#fff;  
  9. scrollbar-shadow-color:#eeeeee;scrollbar-3dlight-color:#eeeeee;  
  10. scrollbar-arrow-color:#000;scrollbar-track-color:#fff;  
  11. scrollbar-darkshadow-color:#fff;}  
  12. style> 

 解决办法是将body换成html。#p#

5.为什么无法定义1px左右高度的容器?

IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden|zoom:0.08|line-height:1px。

6.DIV+CSS怎么样才能让层显示在FLASH之上呢?

解决的办法是给FLASH设置透明:

viewplaincopytoclipboardprint? 

  1. <ahrefahref="http://www.easyq.net.cn/">:a> 
  2. <prelangprelang="html"line="1"> 
  3. <paramnameparamname="wmode"value="transparent"/> 
  4. <ahrefahref="http://www.easyq.net.cn/">:  
  5. <prelangprelang="html"line="1"> 
  6. <paramnameparamname="wmode"value="transparent"/> 
  7.  

 7.怎样使一个层垂直居中于浏览器中?

viewplaincopytoclipboardprint?

  1. <styletypestyletype="text/css"> 
  2. 2019-10-08 16:05:19

    Redis数据库系统

2010-08-23 14:06:57

DIV+CSS

2010-09-01 14:51:12

CSSIEFirefox

2010-09-07 09:50:35

DIVCSS

2010-08-26 12:59:29

marginCSS

2010-08-23 09:53:41

DivCSSweb

2010-08-30 12:46:42

DIV+CSS

2010-09-14 10:00:41

CSS+DIV

2011-05-17 09:51:27

Div+CSS

2010-08-27 14:05:40

DIV+CSS

2010-08-24 10:32:34

DIV+CSS

2016-09-27 21:14:53

JavaURL

2011-07-26 16:05:19

Oracle数据库服务器

2014-01-07 13:54:02

HadoopYARN

2010-08-17 11:35:46

DIV CSS

2010-08-30 13:09:40

DIVCSS

2021-05-18 08:21:38

React HooksReact前端

2010-09-07 13:24:18

CSS

2010-08-24 13:25:16

DIV+CSS

2010-08-31 13:49:12

CSS
点赞
收藏

51CTO技术栈公众号

业务
速览
在线客服