本文主要包含absolute,relative等相关知识,佚名 希望在学习及工作中可以帮助到您
今天在写一个购物车里面选择发货地址的部分时,多个收货地址用到了UL标签,由于每个地址的后面有个“修改地址”的功能,而且位于li标签的右边,于是就用到了,position:absolute; right:10px;这样把“修改地址”移到右边去了,不过在此之前需要在li标签添加position:relative才行。html如下:
li的上边框不见了,百度查了下,没找到有遇到同种问题的情况,不过有类似的情况,在li中加上个zoom:1这个问题就解决了,其实具体为什么要这样我也不是很清楚,我的理解是加了之后提高了li的层级。修改后的css code:
您可能想查找下面的文章:
- CSS position:absolute全面了解
- css中position属性使用详解
- ie6下position:absolute不显示问题解决方法
- css中postion的fixed与absolute区别详解
- css中定位中的absolute和relative是什么意思
- position:fixed或absolute时百分比参考屏幕宽度
- IE6/IE7下绝对定位position:absolute和margin的冲突问题解决
- li标签的position:absolute与relative案例应用
- CSS position属性absolute relative等五个值的解释
- 区别div和span、relative和absolute、display和visibility