css ie6盒子无内容问题

在实际工作中有时候<li>元素前面需要带有小方块。虽然list-style: square;可以显示,但是大小不太好控制。

所以选用

div{width:2px;height:2px;background:#000;position:absolute;top:10px;left:-10px;}

  但是ie6里面会变成长方形,此时加上

font-size:2px;

  会变成方块。

  如果ie6中有空内容的块元素高度出现问题,不妨试一下加上这个属性。

时间: 2024-08-02 22:40:09

css ie6盒子无内容问题的相关文章

这些HTML、CSS知识点,面试和平时开发都需要 No1-No4(知识点:HTML、CSS、盒子模型、内容布局)

这些HTML.CSS知识点,面试和平时开发都需要 No1-No4 系列知识点汇总 这些HTML.CSS知识点,面试和平时开发都需要 No1-No4(知识点:HTML.CSS.盒子模型.内容布局) 这些HTML.CSS知识点,面试和平时开发都需要 No5-No7(知识点:文字设置.设置背景.数据列表) 这些HTML.CSS知识点,面试和平时开发都需要 No8-No9(知识点:媒体操作.构建表单) 这些HTML.CSS知识点,面试和平时开发都需要 No10-No11(知识点:表格操作.代码编写规则)

DIV+CSS IE6/IE7/IE8/FF兼容问题汇总

1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-compatible" content="ie=7" /> 2.flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处理,!important解决,比如 margin-left:10px !important;; margin-left:5px; +height:120px

CSS之盒子模型

盒子模型在CSS中是个很重要的概念.它是CSS可视化格式化系统的基石.盒子模型可以用于元素定位和网页布局.根据CSS盒子模型的规定,每个元素(不管是内嵌元素还是块级元素)都会产生一个矩形盒子围绕在元素内容之外.这个盒子我们称之为元素盒.当然还有其他盒子,这里我们主要说说元素盒. 下面是一张盒子模型的示意图: 从上图我们不难看出一个完整的盒子包括:内容(content).填充(padding).边框(border).边界(margin) 那我们来分别说说上面这四个部分. 首先是内容content

文本超出盒子的内容用省略号代替

实现的方法:给div添加属性overflow:hidden; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; 是让超出盒子的内容隐藏: white-space:nowrap; 让盒子右端的内容不能换行显示,则盒子的内容就在水平方向上溢出了: text-overflow:ellipsis;可以在盒子的末尾显示一个省略的符号“...”,但是这个属性只是在盒子中的内容在水平方向上超出盒子的范围时有效 例子: <div> 段落段

CSS的盒子模型(Box Model)

盒子模型(Box Model)是 CSS 的核心,现代 Web 布局设计简单说就是一堆盒子的排列与嵌套,掌握了盒子模型与它们的摆放控制,会发现再复杂的页面也不过如此. 然而,任何美好的事物都有缺憾,盒子模型有两种不同的诠释,一种来自 IE6,一种来自W3C 标准浏览器. 盒子模型 下图就是一个典型的盒子模型示意图在内容区外面,依次围绕着 padding 区,border 区,margin 区,这一模型结构在所有主流浏览器都是一致的. 通过盒子模型,我们可以为我们的内容设置边界,留白以及边距,盒子

CSS之盒子模型与面向对象

从接触B/S到今天才三天,学习了二十几集的牛腩,在web设计的时候学到了CSS的盒子模型,感觉这个东西是真的好,一个简单的盒子理论就把一个网页设计的全部概括了,简直是抽象的一个杰出代表,这里就把自己对盒子的认识写出来,看完后相信大家会觉得盒子其实也就那么回事. 什么叫盒子 说到盒子,鞋盒,饭盒,总之是装东西的东西,所以在web中,他也是指装东西的一个容器. 盒子和OOP的比较 说道web盒子,我们先给大家一些名词:内容(content).填充(padding).边框(border).边界(mar

css+div如何解决内容的溢出

平时我们布局时候,有的文字内容多了会超过溢出我们限制的高度,有的图片会撑破DIV,让网页错位变乱.CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法这样我们就需要解决如何使用CSS来超出设置CSS宽度和CSS高度的内容自动隐藏掉,又不撑破DIV布局. 特别是在IE6,如果内容超出对象高度和宽度承载,将会被撑破增高,这个时候我们可以利用以下解决方法. 解决CSS样式 这时我们可以使用CSS overflow样式解决:对应样式overflow:hidden Div{overflow:hidd

HTML/CSS IE6、7兼容性问题、bug总汇

IE6,7下li.img的间隙------------------- 在IE6,7下li本身没浮动,但是li内容有浮动的时候,li下边就会产生几px的间隙 解决办法: 1.给li加浮动,给其父级清浮动 2.给li加vertical-align:top; 当IE6下最小高度问题,和 li的间隙问题共存的时候 给li加浮动 img元素在本身没有浮动也没有宽高的时候,会距离父级底部有几px间隙 解决办法: 1.给img加浮动,给其父级清浮动 2.给img加vertical-align:top; IE6

深入理解CSS系列(一):理解CSS的盒子模型

接触前端也有好几个年头了,但是,讲实话,对于CSS的理解真的是不敢恭维,相信很多同行也有类似的感受吧!这是为什么呢?因为我们都认为CSS太简单了,没有必要深入学习,果真如此?其实,只不过是自己图样图森破罢了.如果真的那么简单,为什么经常会遇到一些奇怪的样式问题,而要折腾好长时间呢?就是因为无从下手,终究还是基础不扎实啊!最近打算深入的学习一下CSS,以便遇到问题时,才知道如何下手,从而迅速的对症下药."深入理解"只是相对于我个人而言的哈,如果有大神觉得不够深入,请不喜勿喷.这是深入理解