关于这两种写法,主要是为了解决浏览器的兼容问题而提出来的,现在在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`和`margin-right`失效问题。 #### 二、margin-left/right 失效的现象及原因 **现象:** 在某些情况下,如在Internet Explorer浏览器中,即使设置了`margin-left`或`...
比如原来是margin-left:20px,经过ie6的解释会变成40px 解决办法是在原来的margin-left后再加上一个_margin-left:10px,变成margin-left:20px;_margin-left:10px 后者的样式将只适用于ie6 问题解决
11_margin-left设置负值的问题
这个一个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...
特别是在旧版的浏览器(如IE6和IE7)中,它们处理margin负值和层叠上下文的方式与现代浏览器(如IE8、Firefox、Chrome等)有所不同,这可能导致在不同浏览器中元素的覆盖顺序看起来不一致。 在IE6和IE7浏览器中,...
单行一列以下是引用片段: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-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-...
3. 两边使用 float 和负 margin 4. display: table 实现 5. flex 实现 6. grid 网格布局 示例代码: ```css .wrap { background: #eee; overflow: hidden; /* 生成BFC,计算高度时考虑浮动的元素 */ padding: 20...
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浏览器中,当这两个属性同时使用时,浮动元素的左边距值会莫名其妙地加倍,例如原本设置为10px的margin-left,实际显示效果会变成30px。 这个问题的出现,与IE6浏览器对于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-...
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详解** **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...
使用position:absolute可以将DIV元素水平垂直居中,方法是将DIV元素的left和top属性设置为50%,然后通过margin-left和margin-top属性将其调整到中心位置。例如: ;background-color:blue;width:100px;height:100px;...
我的学习方法:先入门,后进阶!本系列文章分为:基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。详细介绍页面 ...
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...