`
kokorodo
  • 浏览: 38861 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

关于margin-left和_margin-left的用法以及区别

    博客分类:
  • css
 
阅读更多
   关于这两种写法,主要是为了解决浏览器的兼容问题而提出来的,现在在IE7和IE8中用的是margin-left这样的写法,但是现在还有不少用户所使用的是IE6,_margin-left是特地针对IE6识别的。现在的浏览器比较多,但是还是以IE和火狐(Firefox)为主,在进行网页的结构布局时,IE8和Firefox是基本支持w3c标准的,IE7也比较规范,但是IE6就非常不标准了,这在编辑网页的时候必须考虑的。以后类似的写法都是为了区分不同的浏览器,专门针对IE6的就会在前面加一 “ 下划线 ”,请注意。

注:Firefox不认识*和_,而IE都认识*,IE7不支持_,IE6支持_


margin-left双倍边距的BUG解决方法

IE6中用了float:left之后导致margin-left双倍边距的BUG解决方法2007年10月10日 星期三 10:22 A.M.先看css代码:div {
    float:left;
        margin-left:10px;
        width:420px;
        height:150px;
        border:1px solid red
        }
这样设置左边距设置为10px,但IE6.0解释为20px,解决办法就是是加上display:inline
代码div {
    float:left;
        margin-left:10px;
        display:inline;
        width:420px;
        height:150px;
        border:1px solid red
        }


分享到:
评论

相关推荐

    margin-left和right失效(斯芬克斯)之谜

    但是,本文讨论的是水平方向上的`margin-left`和`margin-right`失效问题。 #### 二、margin-left/right 失效的现象及原因 **现象:** 在某些情况下,如在Internet Explorer浏览器中,即使设置了`margin-left`或`...

    css margin-left在IE6下的问题的解决方法

    比如原来是margin-left:20px,经过ie6的解释会变成40px 解决办法是在原来的margin-left后再加上一个_margin-left:10px,变成margin-left:20px;_margin-left:10px 后者的样式将只适用于ie6 问题解决

    11_margin-left设置负值的问题.html

    11_margin-left设置负值的问题

    Css padding和margin区别

    这个一个CSS padding和margin的例子,对初学者很有帮助的哦~ .divcss3{border:1px solid #F00;width:400px;margin-left:15px; padding-left:35px;} .box2 { margin-left:10px; padding-left:15px; width:300px...

    margin 负值引起的层级(z-index)问题

    特别是在旧版的浏览器(如IE6和IE7)中,它们处理margin负值和层叠上下文的方式与现代浏览器(如IE8、Firefox、Chrome等)有所不同,这可能导致在不同浏览器中元素的覆盖顺序看起来不一致。 在IE6和IE7浏览器中,...

    DIV CSS常用的网页布局代码

    单行一列以下是引用片段:body{margin:0px;padding:0px;text-align:center;} #content{margin-left:auto;margin-right:auto;width:400px;width:370px;}两行一列以下是引用片段:body{margin:0px;padding:0px;text-...

    css中margin的缩写

    ### CSS中的Margin属性及其缩写规则 在网页设计与开发中,CSS(层叠样式表)扮演着极其重要的角色,它能够帮助开发者控制网页元素的布局、颜色、字体等样式。其中,`margin`属性是CSS中最常用的一个属性之一,用于...

    类似QQ的全套聊天系统

    MARGIN-LEFT: 0px; MARGIN-TOP: 0px } P { FONT-FAMILY: "Verdana", sans-serif; FONT-SIZE: 70%; LINE-HEIGHT: 12pt; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 10px; MARGIN-TOP: 10px } .note { BACKGROUND-...

    前端大厂最新面试题-column_layout.docx

    3. 两边使用 float 和负 margin 4. display: table 实现 5. flex 实现 6. grid 网格布局 示例代码: ```css .wrap { background: #eee; overflow: hidden; /* 生成BFC,计算高度时考虑浮动的元素 */ padding: 20...

    C++编写小游戏

    MARGIN-LEFT: 0px; MARGIN-TOP: 0px } P { FONT-FAMILY: "Verdana", sans-serif; FONT-SIZE: 70%; LINE-HEIGHT: 12pt; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 10px; MARGIN-TOP: 10px } .note { BACKGROUND-...

    IE6 float:left margin-left出现两倍像素

    然而在IE6浏览器中,当这两个属性同时使用时,浮动元素的左边距值会莫名其妙地加倍,例如原本设置为10px的margin-left,实际显示效果会变成30px。 这个问题的出现,与IE6浏览器对于CSS渲染的内部算法有关,它在处理...

    CSS样式文件格式化工具

    margin-left:0px; margin-top:0px; margin-bottom:0px; display:inline-block; text-align:left; } 格式化为: .UserLogin_7{width:213px;height:45px;clear:both;margin-left:0px;margin-top:0px;margin-...

    jquery超炫照片墙

    margin-left: 5px;"> <div style="background-position: -125px 0px; left: 327.786px; top: 60.9px; transform: rotate(18deg); background-image: none;" data-transform="rotate(18deg)">; height: 115px; ...

    CSS的margin和padding

    **CSS的margin和padding详解** **Margin是什么** 在CSS中,`margin`是一个非常重要的属性,它用于定义...通过了解其特性和使用技巧,我们可以更好地控制元素的间距,解决布局问题,以及实现各种复杂的网页设计需求。

    博客 网页制作

    margin-left:15px;margin-top:20px;font-size=15px;} img{border:2px; solid gray;margin:2px;} p{line-height:22px;} ;height:100px;background-color:brown;margin-top:20px;margin-left:10px;margin-right:10...

    DIV+CSS水平垂直居中

    使用position:absolute可以将DIV元素水平垂直居中,方法是将DIV元素的left和top属性设置为50%,然后通过margin-left和margin-top属性将其调整到中心位置。例如: ;background-color:blue;width:100px;height:100px;...

    jQuery Selectors(选择器)的使用(一、基本篇)

    我的学习方法:先入门,后进阶!本系列文章分为:基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。详细介绍页面 ...

    dtcms 投票插件 调查问卷

    margin-left:10px;margin-right:-10px;} #vote_menu .fixed{position:fixed;width:51px;top:10px;*margin-left:-25px;} 2、将图片 vote.png 添加入 DTcms.Web\templates\green\images 3、将JQ插件 highcharts.js...

Global site tag (gtag.js) - Google Analytics