CSS代码:left:10px margin-left:10px两者有啥区别?祥细!

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS代码:left:10px margin-left:10px两者有啥区别?祥细!相关的知识,希望对你有一定的参考价值。

left要配合position 属性,相对或绝对于原来位置左面10px
而margin-left:10px是离左面元素10px
参考技术A left是要配合position:absolute;使用的,位置定位会脱离文档流,不会受除添加了“position:relative;”的父盒模型的影响,只有盒模型(display:block)才能使用。

而margin-left:是指元素左边距,会受其他元素(包括文字)的影响,例如:

123<span style="margin-left:50px;">NNN</span>234

显示为:

123 NNN234

而且可以应用在任何元素上。
参考技术B left这个属性不能单独使用的,必须配合position
margin指的是外边距

第四次作业

第四次作业

gsdgsfgs
sdgsergefgds
dsgbdfhdhdf

以上是关于CSS代码:left:10px margin-left:10px两者有啥区别?祥细!的主要内容,如果未能解决你的问题,请参考以下文章

页面定制CSS代码

div+css绝对定位,有X,Y坐标吗?

使用 CSS 更智能地居中 div [重复]

css样式在ie中不能正常显示

CSS中margin和padding的区别

CSS中margin和padding的区别