largoWinch Asked: 2020-01-09 04:42:19 +0800 CST 2020-01-09 04:42:19 +0800 CST 2020-01-09 04:42:19 +0800 CST left 和 margin-left 有区别吗? 772 我想知道leftandmargin left或rightand margin rightin之间有什么区别(如果有的话) CSS。 难道区别是一个是CSS另一个是CSS3? css 3 Answers Voted Best Answer Black Sheep 2020-01-09T05:40:40+08:002020-01-09T05:40:40+08:00 是的。 一种用于定位元素,另一种用于设置元素的边距。 实际例子: #caja-position { width: 150px; height: 150px; background-color: red; position: absolute; top: 20px; left: 50px; margin-top: 20px; /* si funciona */ } #caja-margen { width: 50px; height: 50px; background-color: blue; top: 1000px; /* no funciona */ left: 1000px; /* no funciona */ margin-left: 50px; margin-top: 50px; } <div id="caja-position"> <div id="caja-margen"></div> </div> 为了使属性起作用left, right, top, bottom,您必须首先声明属性,在示例中您将看到它在and属性position中不起作用。caja-margentopleft 与属性margin-*| -top -right -bottom -left用于指定框周围的空间,可以独立指定。 属性简写margin: margin: [top, right, bottom, y left]例如margin: 10px; margin: [top y bottom] [left y right]例如margin: 10px 10px; margin: [top] [right y left] [bottom]例如margin: 10px 10px 10px; margin: [top] [right] [bottom] [left]例如margin: 10px 10px 10px 10px; Francisco Romero 2020-01-09T05:37:54+08:002020-01-09T05:37:54+08:00 简短的回答 就在这里。 长答案 该属性left用于定位一个元素,即表示该元素x相对于它所引用的元素定位在左侧。仅当元素被定位(使用 position或)时relative,才能完成此属性。absolutefixed 另一方面,该属性margin-left不考虑对象的定位参考,而是考虑我们将为元素建立的边距。也就是说,它不会相对于另一个元素定位元素,但它会放置一个左(或右)边距,无论它位于何处。 如果您对每种定位的执行方式有疑问,可以查看我在另一个问题中给出的答案:position:relative、position:absolute 和 position:fixed 之间有什么区别? josego 2020-01-09T05:40:21+08:002020-01-09T05:40:21+08:00 左、下、上或右:用于定位。关联 左边距:设置元素左边距的宽度。关联 右边距:设置元素右边距的宽度。关联 CSS 和 CSS3 之间的区别在于 CSS3 是一个更新,它为 CSS 之类的语言添加了更多属性。
是的。
一种用于定位元素,另一种用于设置元素的边距。
实际例子:
为了使属性起作用
left, right, top, bottom
,您必须首先声明属性,在示例中您将看到它在and属性position
中不起作用。caja-margen
top
left
与属性
margin-*
|-top -right -bottom -left
用于指定框周围的空间,可以独立指定。属性简写
margin
:margin: [top, right, bottom, y left]
例如margin: 10px;
margin: [top y bottom] [left y right]
例如margin: 10px 10px;
margin: [top] [right y left] [bottom]
例如margin: 10px 10px 10px;
margin: [top] [right] [bottom] [left]
例如margin: 10px 10px 10px 10px;
简短的回答
就在这里。
长答案
该属性
left
用于定位一个元素,即表示该元素x
相对于它所引用的元素定位在左侧。仅当元素被定位(使用 position或)时relative
,才能完成此属性。absolute
fixed
另一方面,该属性
margin-left
不考虑对象的定位参考,而是考虑我们将为元素建立的边距。也就是说,它不会相对于另一个元素定位元素,但它会放置一个左(或右)边距,无论它位于何处。如果您对每种定位的执行方式有疑问,可以查看我在另一个问题中给出的答案:position:relative、position:absolute 和 position:fixed 之间有什么区别?