CSS中的margin与padding属性
2015-08-22 09:58
507 查看
在css中的margin 的特性
在模型中，有内边距，也有外边距，在实际的应用中，尽量设置内边距padding，少的使用外边距margin特点。
在实际的应用中，外边距存在多个外边距合并的现象。
如图的上下两个正方形，在设置了外边距后，出现了margin重叠的现象，会默认采用margin的更大的值。
问题的解决方法：
在两个元素中间插入一个空的div
css中的绝对定位(absolute)，相对定位(relative)以及固定定位(fixed)
fixed常见于网站的侧边，是块状元素，随着浏览器窗口滑动而跟着变化，不占浏览器空间，具有优先级，可以遮挡其他元素。在未指定具体的值时，保持其原有位置不变
relative是相对于自己原有位置的定位，仍然在其原有位置占有空间，不会将行内元素转换成块状元素。一般与绝对定位配合使用
absolute指的是绝对定位，定位原理是相对于它所能找到的具备定位属性的上级，如果没找到，则根据<body>进行定位。是块状元素，不占空间，优先级高于其他元素。
在应用中，一般在一个父元素内设置相对定位，然后不设置任何距离，在其下需要定位的子元素内，设置绝对定位，调整其位置。
绝对定位可以超出其父元素的范围。
在模型中，有内边距，也有外边距，在实际的应用中，尽量设置内边距padding，少的使用外边距margin特点。
在实际的应用中，外边距存在多个外边距合并的现象。
如图的上下两个正方形，在设置了外边距后，出现了margin重叠的现象，会默认采用margin的更大的值。
问题的解决方法：
在两个元素中间插入一个空的div
css中的绝对定位(absolute)，相对定位(relative)以及固定定位(fixed)
fixed常见于网站的侧边，是块状元素，随着浏览器窗口滑动而跟着变化，不占浏览器空间，具有优先级，可以遮挡其他元素。在未指定具体的值时，保持其原有位置不变
relative是相对于自己原有位置的定位，仍然在其原有位置占有空间，不会将行内元素转换成块状元素。一般与绝对定位配合使用
absolute指的是绝对定位，定位原理是相对于它所能找到的具备定位属性的上级，如果没找到，则根据<body>进行定位。是块状元素，不占空间，优先级高于其他元素。
在应用中，一般在一个父元素内设置相对定位，然后不设置任何距离，在其下需要定位的子元素内，设置绝对定位，调整其位置。
绝对定位可以超出其父元素的范围。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css实现手风琴图片特效
- 修改LibreOffice Draw中定义的样式名称
- table表格css样式
- CSS优先级
- [HTML] CSS 下拉列表菜单
- WEB基础之：CSS
- Qt鼠标事件 我的鼠标样式
- css3背景颜色渐变
- NumberPicker 样式设置
- CSS中行高line-height属性的一些使用技巧
- CSS学习笔记之定位
- css position
- css3 transform transition 实现照片墙效果
- CSS3：绘制图形
- CSS实现绝对底部一个完美解决方案
- HTML简介(css简单的样式)
- 网页样式（css+js)tab自动切换的minisite
- css3 display:box
- CSS 3层嵌套居中布局
- CSS float 父元素高度自适应