幾個div+css 面試題，轉來大家一起來看看！
- - wowbox blog (網頁設計知識庫)1、超鏈接訪問過後hover樣式就不出現的問題. 被點擊訪問過的超鏈接樣式不在具有hover和active了，解決方法是改變CSS屬性的排列順序： L-V-H-A. 2、IE6的雙倍邊距BUG. 浮動後本來外邊距10px，但IE解釋為20px，解決辦法是加上display:inline. 3、為什麼FF下文本無法撐開容器的高度.
幾個div+css 面試題，轉來大家一起來看看！
标签：
CSS
Design
| 发表时间：2012-02-18 07:39 | 作者：[email protected](Admin)
出处：http://www.wowbox.com.tw/blog/
1、超鏈接訪問過後hover樣式就不出現的問題？
被點擊訪問過的超鏈接樣式不在具有hover和active了，解決方法是改變CSS屬性的排列順序： L-V-H-A
2、IE6的雙倍邊距BUG
例如：
程序代碼
浮動後本來外邊距10px，但IE解釋為20px，解決辦法是加上display:inline
3、為什麼FF下文本無法撐開容器的高度？
標準瀏覽器中固定高度值的容器是不會像IE6里那樣被撐開的，那我又想固定高度，又想能被撐開需要怎樣設置呢？辦法就是去掉height設置min-height:200px; 這裡為了照顧不認識min-height的IE6 可以這樣定義：
程序代碼
4、為什麼web標準中IE無法設置滾動條顏色了？
原來樣式設置：
程序代碼
解決辦法是將body換成html
5、為什麼無法定義1px左右高度的容器？
IE6下這個問題是因為默認的行高造成的，解決的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px
6、怎麼樣才能讓層顯示在FLASH之上呢？
解決的辦法是給FLASH設置透明：
程序代碼
7、怎樣使一個層垂直居中於瀏覽器中？
程序代碼
這招好像是沒有用的！
被點擊訪問過的超鏈接樣式不在具有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>
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里那樣被撐開的，那我又想固定高度，又想能被撐開需要怎樣設置呢？辦法就是去掉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-3dlight-color:#eeeeee;
scrollbar-arrow-color:#000; scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff; }
</style>
body { scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#eeeeee; scrollbar-3dlight-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、怎樣使一個層垂直居中於瀏覽器中？
程序代碼<style type="text/css">
<!--
div {
position:absolute;
top:50%;
left:50%;}
</style>
<!--
div {
position:absolute;
top:50%;
left:50%;}
</style>
這招好像是沒有用的！
相关 [div css 大家] 推荐：
css 控制div高度自适应浏览器的高度
- - 博客园_首页css 控制div高度自适应浏览器的高度. 20 这里是内容容这里是内容. 25 这里是内容这里是内容. 35 这里是内容这里是内容. 43 这里是内容这里是内容. 48 这里是内容这里是内容. 55 这里是内容容这里是内容. 57 这里是内容这里是内容. 64 这里是内容容这里是内容.
DIV+CSS解决IE6，IE7，IE8，FF兼容问题
- - Web前端 - ITeye博客1.ie8下兼容问题，这个最好处理，转化成ie7兼容就可以. 在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了. 2.flaot浮动造成IE6下面双倍边距问题，这个最常见，也最好处理，!important解决，比如. margin-left:10px !important;/*IE7,IE8,FF下是10PX*/;.
DIV CSS 网页兼容全搞定 （IE6 IE7 IE8 IE9 火狐 谷歌）
- - CSDN博客研发管理推荐文章本文收集整理了IE7,6与Fireofx的CSS兼容性处理技巧，供大家参考. 请尽量用xhtml格式写代码，而且DOCTYPE影响 CSS 处理，作为W3C标准，一定要加DOCTYPE声明. 1.div的垂直居中问题. vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了.
div 添加滚动条
- - CSDN博客推荐文章style="overflow: hidden; width: 100px; white-space: nowrap; text-overflow: ellipsis" //让所有的table td都展开. overflow-y: hidden; overflow-x: scroll; width: 987px //设置竖着没有滚动条，横着有滚动条 ，一定要设置宽度.
div在页面中的高
- - Web前端 - ITeye博客这里是javascript中制作滚动代码的常用属性. 页可见区域宽： document.body.clientWidth;. 网页可见区域高： document.body.clientHeight;. 网页可见区域宽： document.body.offsetWidth (包括边线的宽);. 网页可见区域高： document.body.offsetHeight (包括边线的宽);.
jQuery拖拽div实现
- - CSDN博客Web前端推荐文章思路是利用jquery的mousemove，mousedown，mouseup三个事件，定义两个相对位置，分别是. 1、组件左上角与屏幕左上角的相对位置. 2、鼠标所在坐标与组件左上角的相对位置. $(document).ready(function(){
var move=false;//移动标记
var _x,_y;//鼠标离控件左上角的相对位置.
HTML标签p和div的不同
- - CSDN博客Web前端推荐文章标题：HTML标签p和div的不同. 原文：What is the difference between
and
?. 链接： http://stackoverflow.com/questions/2226562/what-is-the-difference-between-p-and-div.
CSS图形
- GLORY - 酷壳 - CoolShell.cn下面的示例展示了使用纯CSS制作的各种图形，你可以自由地修改文中的CSS代码. 经测试，IE9, Chrome, FF, Safari都可以正常显示. 五角星形 via Kit MacAllister. 心形 via Nicolas Gallagher. 无穷大 via Nicolas Gallagher.
用 Compass 寫 CSS
- Jay - Blog.XDite.net最近在開發一個新產品，整體來說應該是接近寫完了，不過越接近完工，抓 IE 系列的 bug 就越是挫折. 朋友 @evenwu 就來洗我要不要換成 Compass，說這東西超神奇，超好用，還可以把 IE bug 殺光光. 其實之前就久仰 Compass 大名了，只是文件實在看起來太他媽的眼花繚亂，因為專案進度一直在跑，不太敢貿然換掉寫 CSS 的方式.