在css中的margin 的特性
在模型中,有内边距,也有外边距,在实际的应用中,尽量设置内边距padding,少的使用外边距margin特点。
在实际的应用中,外边距存在多个外边距合并的现象。
如图的上下两个正方形,在设置了外边距后,出现了margin重叠的现象,会默认采用margin的更大的值。
问题的解决方法:
在两个元素中间插入一个空的div
css中的绝对定位(absolute),相对定位(relative)以及固定定位(fixed)
fixed常见于网站的侧边,是块状元素,随着浏览器窗口滑动而跟着变化,不占浏览器空间,具有优先级,可以遮挡其他元素。在未指定具体的值时,保持其原有位置不变
relative是相对于自己原有位置的定位,仍然在其原有位置占有空间,不会将行内元素转换成块状元素。一般与绝对定位配合使用
absolute指的是绝对定位,定位原理是相对于它所能找到的具备定位属性的上级,如果没找到,则根据<body>进行定位。是块状元素,不占空间,优先级高于其他元素。
在应用中,一般在一个父元素内设置相对定位,然后不设置任何距离,在其下需要定位的子元素内,设置绝对定位,调整其位置。
绝对定位可以超出其父元素的范围。