CSS中的margin与padding属性

在css中的margin 的特性

 

在模型中,有内边距,也有外边距,在实际的应用中,尽量设置内边距padding,少的使用外边距margin特点。

在实际的应用中,外边距存在多个外边距合并的现象。


如图的上下两个正方形,在设置了外边距后,出现了margin重叠的现象,会默认采用margin的更大的值。

问题的解决方法:


在两个元素中间插入一个空的div

 

 


css中的绝对定位(absolute),相对定位(relative)以及固定定位(fixed)

 

fixed常见于网站的侧边,是块状元素,随着浏览器窗口滑动而跟着变化,不占浏览器空间,具有优先级,可以遮挡其他元素。在未指定具体的值时,保持其原有位置不变

 

relative是相对于自己原有位置的定位,仍然在其原有位置占有空间,不会将行内元素转换成块状元素。一般与绝对定位配合使用

 

absolute指的是绝对定位,定位原理是相对于它所能找到的具备定位属性的上级,如果没找到,则根据<body>进行定位。是块状元素,不占空间,优先级高于其他元素。

 

在应用中,一般在一个父元素内设置相对定位,然后不设置任何距离,在其下需要定位的子元素内,设置绝对定位,调整其位置。

绝对定位可以超出其父元素的范围。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值