社区
CSS
帖子详情
margin-left:
pigHead_chen
2011-02-22 09:39:20
css中margin-left: -100%; 这个的作用是什么?
我看到项目中有个div 的style 有“float: left;margin-left: -100%;width: 200px;”。在ie的兼容模式下是好的,在非兼容模式下这个div的左边部分就跑到屏幕外边了。
请帮忙
...全文
123
6
打赏
收藏
margin-left:
css中margin-left: -100%; 这个的作用是什么? 我看到项目中有个div 的style 有“float: left;margin-left: -100%;width: 200px;”。在ie的兼容模式下是好的,在非兼容模式下这个div的左边部分就跑到屏幕外边了。 请帮忙
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
KK3K2005
2011-02-22
打赏
举报
回复
margin-left表示当前块的左则的空白距离
100%表示所在空间的内部宽度
- 表示逆的距离
pigHead_chen
2011-02-22
打赏
举报
回复
-100%,前面有个负号,margin-left 负的父级元素宽度,是不是相当于右移父级元素宽度?
wudiaoyoutianxiacs
2011-02-22
打赏
举报
回复
你直接换成具体数据就没啥问题了,没用过百分比,这个东西对兼容性影响很大。。。
zdthnc
2011-02-22
打赏
举报
回复
margin-left意思就是把元素向左移,100%就是父级元素的宽度,总的意思就是向左移‘父级元素的宽度’
pigHead_chen
2011-02-22
打赏
举报
回复
可是为什么在ie的兼容模式下是好的。
不选兼容模式就乱了
athrunzero
2011-02-22
打赏
举报
回复
[Quote=引用 4 楼 kk3k2005 的回复:]
margin-left表示当前块的左则的空白距离
100%表示所在空间的内部宽度
- 表示逆的距离
[/Quote]
+1
margin
-
left
: auto
除了 width 和
margin
-
left
其他值都是 0 ,把宽度值带入计算得到
margin
-
left
= 包含块的宽度-100px 。所以最终 div 会靠近包含块的右边。 ———————————————— 版权声明:本文为CSDN博主「独立的精神
圣杯布局中
margin
-
left
: -100%的理解
如果不设置
margin
-
left
:100%的话,那么
left
和right元素会因为空间不足被挤到第二行 1. 对
margin
值的解释: ①父子关系时:
margin
-
left
是指孩子左边界线与父亲左边界线(若父亲有左padding值,指的就是这条padding线)...
CSS之
left
:50% 、
margin
-
left
: 50%写法的bug和解决
和
margin
-
left
: 50%;写法产生的bug和解决方法。 产品需求 我们需要一个居中的盒子,底色是蓝色,水平居中放置,宽度随着字数做自适应调整。 发现bug 于是,我们就根据需求,来写这样一段代码: <!DOCTYPE...
margin
-
left
: auto元素右对齐以及
margin
: 0 auto水平居中的原理
margin
-
left
: auto;元素右对齐 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-J26GDXEu-1575464621703)(Snipaste_2019-12-04_20-46-53.png)] 要实现上述右对齐的方式有很多,比如: ...
margin
-
left
:-100%理解
magin-
left
:-100% 这个百分比是以父元素内容长度的百分比,该父元素内容长度需要去除padding magin border。由于长度设置为了100%,需要一整行的宽度补偿
margin
,则移到最左边。 magin-right:-150px
margin
负值会...
CSS
61,112
社区成员
60,730
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章