`
Sarah-Brightman
  • 浏览: 75087 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

IE6 下li.a设置为块元素问题解决方法

    博客分类:
  • css
阅读更多
    <ul>
    <li><a href=”#”>test1</a></li>
    <li><a href=”#”>test2</a></li>
    </ul>

在制作列表菜单的时候,我们不得不设置a元素为display: block,这样在IE6下,就会发现LI的margin(边界)会无缘无故多出几个像素,即使设置margin为0px也无法解决,这里给出两种解决方法;
第一种:为li设置border(边框)
           如:border: 1px solid #999999;
第二种:为li设置height(高度)
           如:height: 28px;

以上两种方法只应付IE6 ,其实在IE7\IE8\FF2\FF3都已经没有此BUG问题出现了;
分享到:
评论

相关推荐

    解决ie6下hover不是别问题,多用于导航菜单

    为了解决这个问题,有几种常见的方法可以实现IE6下的`:hover`兼容性: 1. **使用条件注释和专门的IE6 CSS文件**: IE6支持特定的条件注释,允许我们为IE6提供单独的CSS样式表。例如,在HTML头部添加`&lt;!--[if lt IE...

    IE6兼容性问题及IE6常见bug详细汇总

    2. **边距加倍问题**:当块元素设置左右浮动并有`margin`时,IE6会出现“margin双倍”现象。通过将元素的`display`属性设置为`inline`,可以消除这一问题。 3. **奇数字体大小和边框高度**:在IE6中,如果字体大小...

    IE6和IE7中行内元素后的浮动元素被折行的问题解决

    这个问题通常出现在这样的场景中:一个行内元素(如文本链接)后面紧跟着一个浮动元素(如日期标签),在标准浏览器中,这两个元素能够并排显示,但在IE6和IE7中,浮动元素会被推到下一行。这是由于这些老版本的IE...

    E7 float:right 时元素换行出现在下一行的bug解决方法

    在IE7中,几个并列的块元素,如果前面几个元素没有设置浮动,而给最后的元素设置为float:right,则被设置为浮动的这个元素会出现在下一行。 例子:复制代码代码如下:&lt;ul&gt;&lt;li&gt;&lt;/li&gt;&lt;li class=”a”&gt;&lt;/li&gt;&lt;/ul&gt;ul li{...

    让IE6/IE7支持display:inline-block属性的两种方法

    有两种方式解决这个问题,让IE6/IE7 支持 display:inline-block 的方法。 复制代码代码如下:&lt;ul&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; 1.先使用display:inline-block,再使用display:inline,如下: 复制代码代码如下:ul...

    DIV+CSS教程——第六天html列表.pdf

    解决这个问题的一种方法是使用“清除浮动”(clearing floats)。可以为父元素添加`overflow: auto`或创建一个清浮动的伪元素,如`::after`,并将其`clear`属性设置为`both`。 5. **IE6的双倍边距bug** - 在...

    JS实现设置ff与ie元素绝对位置的方法

    本文将详细解释如何使用JavaScript为特定的元素设置绝对位置,并且会特别考虑到不同浏览器(如Firefox,简称“ff”和Internet Explorer,简称“ie”)之间的兼容性问题。 首先,我们来介绍基本的概念和操作。在Web...

    CSS基础知识.docx

    * inline-block 行内块元素,默认宽度为内容宽度,可以设置宽高,同行显示 * list-item 象块类型元素一样显示,并添加样式列表标记 * table 此元素会作为块级表格来显示 * inherit 规定应该从父元素继承 display ...

    Css浮动元素外层容器高度为0(无高度)的解决方法

    在CSS布局中,浮动元素(如`&lt;li&gt;`)经常被用来创建多列布局或列表样式,但这种情况下,一个常见的问题是外层容器(如`&lt;ul&gt;`)的高度可能会塌陷,即高度变为0,这在不同的浏览器中表现不一。在IE8和Chrome浏览器中尤...

    尚硅谷_前端_面试题

    - `inline-block`:作为行内块元素显示。 - `none`:隐藏元素。 - `flex`:使用Flexbox布局。 - `grid`:使用Grid布局。 - `table`:作为表格显示。 - `table-row`、`table-cell`、`table-column`等用于表格...

    美团点评2017秋招笔试真题-前端开发工程师A.pdf

    面试者需要理解不同盒模型(如IE盒模型和标准盒模型)的差异,并能设置元素的宽度和高度。 7. **JavaScript原型与调用上下文(obj.log.call(console, this))**:在JavaScript中,`call()`方法可以改变函数调用时的...

    Dreamweaver8系列DIV+CSS教程html列表.pdf

    解决这个问题的方法是使用所谓的“clearfix”技术,或者为父元素添加`overflow: hidden`,如上面的`#layout ul`样式所示。 综上所述,HTML列表(ul和ol)是网页布局中的基本元素,通过CSS我们可以轻松定制列表的...

    Dreamweaver之DIV+CSS的使用技巧

    **问题描述**:默认情况下,`&lt;ul&gt;`元素的`margin`和`padding`不是0,这会导致使用左浮动(`float:left`)的`&lt;li&gt;`元素使外部的`&lt;div&gt;`变大,从而影响整体布局。 **解决方案**:可以通过设置`&lt;ul&gt;`的`margin`和`...

    div+css有实例,易学易懂

    ### Web标准布局的本质 #### 为什么建立Web标准 - **目的**:建立Web标准的...- **IE6中的问题**:解决IE6特有的问题。 - **IE7中的问题**:解决IE7特有的问题。 - **兼容问题实例**:具体实例演示如何解决兼容问题。

    兼容ie和ff的页签

    在网页设计中,"页签"是一种常见的用户界面元素,用于组织和切换多个内容区域,让用户能在不离开当前页面的情况下浏览或操作不同的信息块。在本案例中,"兼容ie和ff的页签"指的是一个JavaScript实现的页签功能,能够...

    html+css基础知识.pdf

    3. IE6的3像素Bug:这是一个经典的浏览器兼容性问题,当一个浮动元素与非浮动元素相邻时,IE6会在两者之间显示3像素的空隙。解决方法是在浮动元素上添加`_margin-right:-3px;`,这里的下划线表示这是针对IE6的私有...

    css入门笔记

    所有的块元素允许修改尺寸 ex:div,h1-h6,p,ul,li,ol,dl,dt,dd 2.行内元素允许修改尺寸 表单控件元素 3.本身具备width和height属性的元素 ex:img,table 注意:大部分行内元素不能修改 span,a,i,u,b,s 3.溢出...

Global site tag (gtag.js) - Google Analytics