2018-10-10 18:03:03 -04:00
|
|
|
|
---
|
|
|
|
|
|
id: bad87fee1348bd9aedf08823
|
2020-12-16 00:37:30 -07:00
|
|
|
|
title: 给元素添加负外边距
|
2018-10-10 18:03:03 -04:00
|
|
|
|
challengeType: 0
|
2019-12-13 13:47:57 +08:00
|
|
|
|
videoUrl: 'https://scrimba.com/c/cnpyGs3'
|
|
|
|
|
|
forumTopicId: 16166
|
2018-10-10 18:03:03 -04:00
|
|
|
|
---
|
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --description--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
元素的`margin（外边距）`控制元素`border（边框）`与其他周围元素之间的距离大小。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
如果你把元素的`margin`设置为负值，元素会变得更大。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --instructions--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
尝试将蓝色框的`margin`设为负值，跟红色框一样大小。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
蓝色框的`margin`设置为`-15px`，它会填满与黄色框之间的距离。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --hints--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
`blue-box` class的`margin`应该设置为`-15px`。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
```js
|
|
|
|
|
|
assert($('.blue-box').css('margin-top') === '-15px');
|
2018-10-10 18:03:03 -04:00
|
|
|
|
```
|
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --solutions--
|
2019-12-13 13:47:57 +08:00
|
|
|
|
|
