提交 | 用户 | 时间
|
58d006
|
1 |
// Clearfix |
A |
2 |
// |
|
3 |
// For modern browsers |
|
4 |
// 1. The space content is one way to avoid an Opera bug when the |
|
5 |
// contenteditable attribute is included anywhere else in the document. |
|
6 |
// Otherwise it causes space to appear at the top and bottom of elements |
|
7 |
// that are clearfixed. |
|
8 |
// 2. The use of `table` rather than `block` is only necessary if using |
|
9 |
// `:before` to contain the top-margins of child elements. |
|
10 |
// |
|
11 |
// Source: http://nicolasgallagher.com/micro-clearfix-hack/ |
|
12 |
|
|
13 |
.clearfix() { |
|
14 |
&:before, |
|
15 |
&:after { |
|
16 |
content: " "; // 1 |
|
17 |
display: table; // 2 |
|
18 |
} |
|
19 |
&:after { |
|
20 |
clear: both; |
|
21 |
} |
|
22 |
} |