margin-left:10px; 不同浏览器距离为什么不一样？

最新推荐文章于 2022-10-16 20:54:49 发布
最新推荐文章于 2022-10-16 20:54:49 发布
阅读量1.1k 收藏 1
点赞数 
这是一个ie的bug.. 如果你设置margin对象是浮动的。ie就会把你设置的值双倍处理。。可以设置浮动对象的 display:inline  解决
weixin_34377919
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
相对定位和绝对定位 left和margin-left
weixin_34273481的博客
05-11 1092
1.直接在css中设置left生效的前提是必须设置父容器position:absolute或relative，如果不设置则会以最近一个定位的父对象为参考点,。margin-left则不用设position也可以用。 2，通常情况下，我们元素的position属性的值默认为static 就是没有定位，这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的，z...
html5中margin是什么意思,css中margin是什么意思，margin作用是什么？
热门推荐
weixin_28814457的博客
06-22 1万+
一、介绍，什么意思？margin为对象外边距间隔属性。如果对一个对象比如div设置了边框后，再设置margin就会观察到这个div外面产生了间距边距。margin作用：设置对象与其它对象的外边距离，外边间隔。比如对象与对象，上下DIV，左右DIV间隔多少，可以使用margin实现。.css5{margin:10px}设置html中class=css5对象的外边距(包括上、左、下、右)分别为10px...
网页在缩放时margin值的变化
weixin_34062469的博客
11-01 927
网页在缩放时margin值似乎是未变化？？？比如原来margin是5px，在缩放时，还是5px\？ 这样的话，如果你的网页是float控制的，那么很有可能会导致div换行了，100%缩放是正常的，缩小就不行了。。后来，我看了下淘宝的一些页面，在缩小时却不会换行，看了下代码，是这么实现的，就是不使用margin值，而是使用padding来控制，这样对用户来说，看到的和间距效...
微信小程序使用margin控制视图位置 且参数为百分比（XXX%），出现上下位置与参数不一致问题的解决
Echo_A的博客
08-05 872
微信小程序使用margin控制视图位置 且参数为百分比（XXX%），出现上下位置与参数不一致问题的解决 wxml代码块如下： <view class="yellow"> <view class="white"> </view> </view> wxss代码块如下： .yellow { height: 240rpx; width: 100%; background-color: yellow;
css padding和margin常用的用法
tang_zongyun的博客
02-22 691
一、padding 1、语法结构 （1）padding-left:10px; 左内边距 （2）padding-right:10px; 右内边距 （3）padding-top:10px; 上内边距 （4）padding-bottom:10px; 下内边距 （5）padding：10px; 四边统一内边距 （6）padding:10px 20px; 上下、左右内边距 （7）paddi...
1、7外边距margin
qq_62865634的博客
10-16 1137
本文仅仅简单介绍了margin表示盒子与盒子之间的边距，称为外边距。
css浏览器兼容.docx
08-31
解决方案是使用`#left{ margin-right:-3px; }`。 7. IE 捉迷藏的问题 当div应用复杂的时候每个栏中又有一些链接，DIV等这个时候容易发生捉迷藏的问题。解决办法是对#layout使用line-height属性或者给#layout使用...
巧用隐藏和负边距实现兼容所有浏览器的ul和li并列效果
12-13
（我写两个ul的原因是li只有一排和多排效果会不一样） 首先看我的写法，HTML很简单，就不贴了，只贴CSS代码，DEMO： ul{overflow:hidden;zoom:1;background:#ddd;width:440px;margin-bottom:50px;margin-left:auto;...
有关display:inline-block在FF出现空白的解决方案
03-17
首先，我们要理解为什么会出现这样的现象。当使用`display:inline-block`时，元素会像内联元素那样排列，但是它们仍然保留了块级元素的某些特性，如宽度、高度和内边距。在HTML中，空格、换行符甚至缩进都会被浏览器...
浏览器兼容性问题汇总_web前端_html_css[定义].pdf
10-13
/*IE 下理解为 10px*/display:inline;/*IE 下再理解为5px*/} 二、块元素与内嵌元素 块元素的特点是，总是在新行上开始，高度、宽度、行高、边距都可以控制（块元素）。内嵌元素的特点是，和其他元素在同一行上，不...
CSS的一些小问题如网页中版权符号显示问题等等
09-25
margin-left: 4px; top: 3px; } ``` 这个元素的顶部边框被设置为非透明颜色，而左右两边是透明的，这样就形成了一个倒三角形。 - **正三角形**：与倒三角类似，但调整边框的设置以形成正三角形。例如： ```...
CSS 外边距
小渣渣的博客
10-02 945
元素外边距 指的是元素边框和元素边框之间的距离 属性： margin-left: 左外边距 margin-right: 右外边距 margin-top: 上外边距 margin-bottom: 下外边距 属性: margin-left 值：数字 指的是元素边框和元素边框之间的距离 注：像span这样的内联元素，默认情况下，只有左右外边距，没有上下外边距。 为了观察上下外边距的效果，可以采用块...
CSS中的内边距和外边距样式
aibai666的博客
12-05 2622
css中设置内边距使用padding定义 设置外边距使用margin设置 内边距可以理解为在框中的内容与边框的距离 外边距可以理解为这个框和浏览器或者它的外边框的距离 内边距和外边距有四个值 分别是left(左边) right(右边) top(顶部) bottom(底部) 可以通过分别设置这几个值的定义达到不同的效果 语法 .container{ padding-left:10px;/*设置左边的内边距为10px*/ padding-right:10px;/*设置右边的内边距为1.
CSS样式属性margin,padding详解
bravery__的博客
07-15 3782
盒模型基本属性有两个：padding和margin。 以边框border为界，边框里面是内边距，边框外面是外边距。 一.外边距margin： 外边距是指边框以外与其他同级元素之间的距离，外边距可以控制同级元素之间的距离( 用于设置同级标签的间距)。 1.margin的复合式写法： margin：10px；（表示元素上下左右外边距都是10px） margin：10px 10px；（表示元素上下外边距是10px，左右外边距是10px） margin：10px 10px 10px；（表示元素上外边距是10px，
CSS个人笔记
weixin_65728526的博客
06-08 917
内部样式表 1普通的类选择器 2结合标签选择器 3，多类选择器 4链接多个类选择器class属性值必须包括color和background才能生效 注意：通配符选择器可以设置全局的属性，但是他的层级比较低最常用的是margin和padding让他们等于0（使网页的字和外围没有空间）1,后代选择器 h1 p也能实现，相当于孙子也是后代2，⼦元素选择器 现在对比一下两者的关系 3相邻选择器（兄弟） 1，伪类选择器不改变任何DOM内容。只是插⼊了⼀些修饰类的元素 2伪元素选择器 结果在CS
css关于margin在不同浏览器下的兼容
fjh1370505782的博客
02-05 3765
在学校中学的是Html,并没有学习Html5,工作后遇到这个问题。 发现只要把H4的标头改成H5的标头就能解决兼容性了（谷歌和火狐，没有去测试Ie的兼容性） 只要把改成就可以了。
使用CSS解决不同浏览器的错位问题
咸鱼的星空
07-25 5996
用CSS+DIV来写网站代码的好处显而易见，这里不多说了，但由于不同浏览器对CSS的解释不统一，造成不同浏览器下页面错位的现象十分常见…… 页面乱的原因是因为IE6认为一个DIV超宽了，所以把本应float;right的DIV挤了下去。而如果设置为IE6下显示正常的宽度，则在IE7和Firefox下看页面就会少了一块一样，也很别扭….   怎么办？用CSS HACK 来改写CSS代码 改写前
body{ background: url(../img/background.jpg) top left; background-size: 100%; } img { width: 160px; height: 160px; } #login-img{ margin-left: 50px; float: left; } #login-img{ margin-left: 50px; float: left; } #form-border { background-color: rgba(220,226,241, 0.6);/*海天蓝色*/ width: 520px; height: 400px; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .form-input { width: 200px; height: 25px; padding-left: 5px; border-radius: 5px; } .form-label { margin-left: 30px; font-family: "微軟正黑體 Light体"; } .form-button1 { width: 200px; height: 30px; margin-top: 35px; margin-left: 70px; font-size: 20px; font-family: "华文楷体"; border: 1px solid #eee; } .form-button1:hover{ background-color: aliceblue; } .form-button2 { width: 200px; height: 30px; margin-top: 35px; margin-left: 70px; font-size: 20px; font-family: "华文楷体"; border: 1px solid #eee; } .form-button2:hover{ background-color: aliceblue; } #div-title { text-align: center; margin-top: 10px; } h3 { font-size: 30px; font-family: "华文彩云"; } #password { margin-top: 30px; margin-bottom: 20px; } #register { margin-left: 80px; }写注释
最新发布
06-10
margin-top: 10px; } /* 设置表单中的标题的样式 */ h3 { font-size: 30px; font-family: "华文彩云"; } /* 设置密码输入框的位置 */ #password { margin-top: 30px; margin-bottom: 20px; } /* 设置注册...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值