首页 > 代码库 > 前端样式实践出真知系列(二)

前端样式实践出真知系列(二)

1、overflow 属性规定当内容溢出元素框时发生的事情。

当属性值为hidden时,元素内容会被修剪,并且其余内容是不可见的。

哪些元素会被修剪:

超出元素边框的部分(不管它是内容本身过多导致的 还是通过定位(相对或绝对)导致的  )都将隐藏。

 

2、maring外边距祥解:

 一个元素的margin影响了父元素中的内容,则会影响父元素的大小,如果不影响父元素中的内容 而是影响父元素外的内容(比如当父元素没有padding和border时,可能的情况),不影响父元素的大小,当元素通过margin移动到父元素之外,并且父元素设了overflow等于hidden那么,子元素的宽高度则不算在父元素中。

maring-bottom为负值时,只会使受影响的元素向上移动,不会使自身向下移动,依次类推(因为本身还是遵循文档留的)

前端样式实践出真知系列(二)