幾個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

例如:
程序代碼 程序代碼
<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里那樣被撐開的,那我又想固定高度,又想能被撐開需要怎樣設置呢?辦法就是去掉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換成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 css 大家] 推荐:

幾個div+css 面試題,轉來大家一起來看看!

- - wowbox blog (網頁設計知識庫)
1、超鏈接訪問過後hover樣式就不出現的問題. 被點擊訪問過的超鏈接樣式不在具有hover和active了,解決方法是改變CSS屬性的排列順序: L-V-H-A. 2、IE6的雙倍邊距BUG. 浮動後本來外邊距10px,但IE解釋為20px,解決辦法是加上display:inline. 3、為什麼FF下文本無法撐開容器的高度.

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 的方式.