css position 绝对定位和相对定位
2015-01-08 17:09
579 查看
position:absolute这个是绝对定位; 是相对于浏览器的定位。 比如:position:absolute;left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。 position:relative是相对定位,是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。 比如:<div class="1"></div><div class="2"></div> 当1固定了位置。1的样式float:left;width:100px; height:800px; 2的样式为float:left; position:relative;margin-left:20px;width:50px; 2的位置在1的右边,距离120px
相关文章推荐
- css基础 绝对定位 position:absolute 相对于document元素进行定位 (无定位的祖先元素)
- css基础 绝对定位 position:absolute 相对于document元素进行定位 (无定位的祖先元素)
- css基础 绝对定位 position:absolute 相对于定位的祖先元素进行定位
- css基础 绝对定位 position:absolute 相对于定位的祖先元素进行定位
- CSS之Position相对定位和绝对定位
- css之position相对定位和绝对定位
- css position相对定位绝对定位
- CSS中关于定位的问题, 相对,绝对定位
- 精通CSS高级Web标准解决方案:相对定位与绝对定位
- 【CSS3】---层模型position之fixed固定定位、absolute绝对定位和relative相对定位
- CSS 相对|绝对(relative/absolute)定位系列(一)
- CSS 相对|绝对(relative/absolute)定位系列(一)
- CSS中关于定位的问题, 相对,绝对定位
- CSS 相对/绝对(relative/absolute)定位系列(二)
- css中相对定位和绝对定位
- CSS 相对|绝对(relative/absolute)定位系列(一)
- CSS position 属性:绝对定位与相对定位,以及浮动
- CSS中position的absolute如何相对于父元素的位置进行定位
- CSS的相对定位和绝对定位
- 网页布局:html+css_绝对定位与相对定位