【css+div】IE浏览器下border边框显示不完全问题的解决方案统计

林氏智造 于 2013-12-08 发布 6858 人已阅

最近写页面遇到定义边框属性在火狐上显示正常,但是在IE的浏览器上会出现DIV的边框不能完全显示,或者断断续续的,或者根本就不显示(主要是左右两个边框)。我只能说IE吃错药了。在网上百度了几种方法在此记录下来以后好查阅。

方法

  1. 给出现断断续续边框的元素加个背景。

  2. 给浮动元素的外层包裹一个容器, 让该容器也有layOut,可以设置宽度和overflow:hidden。

  3. 给边框元素设置一个高度。

  4. 给窗口设置{zoom:1} or { width:100%; height:100%}使其拥有布局即可。

产生这种现象的原因我还真是不清楚,百度上的资料说由于外层有边框,边框层里面嵌套的层里面有浮动,浮动这个最令人懊恼的东西经常会出问题,由于这个原因会引起ie6下面边框断裂。

这种原因真是叫人想死,还好的是解决方案对大体的布局不会产生很大的影响,这点可以让人欣慰下。

标签

您可能感兴趣的文章

如何优雅的选择字体(font-family)

当前项目对字体要求很高,之前对font-family这个属性没怎么仔细去研究它,现在整理了一个通用方案适合大多数网站使用。

React+webpack 部署概要

React+webpack 组合已经成为开发react的经典搭配,把常用的webpack配置文件和一些react的常用代码规范记录下方便以后开发使用

gulp前端自动化部署方案

gulp 前端自动化代码,根据自己的项目需求编写,包括压缩合并css,压缩合并js,雪碧图,版本号插入等功能

纯CSS制作各种图形

用图片做图标会加大页面的大小,现在能用CSS写图标就用CSS写,维护起来也方便加载速度也快