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定位之绝对定位
- {03--CSS布局设置} 盒模型 二 padding bode margin 标准文档流 块级元素和行内元素 浮动 margin的用法 文本属性和字体属性 超链接导航栏 background 定位 z-index
- CSS中定位和浮动对行内元素的宽高的影响
- CSS(浮动和定位)
- 理解CSS相对定位和固定定位
- 3、第3课CSS块级、行内元素、绝对定位、相对定位、固定位置20150922
- jquery UI datepicker月和年仅css定位问题
- CSS3 定位| Position研究
- 关于javaWeb项目中,css外部样式绝对路径和相对路径的问题
- css定位:相对定位、绝对定位、固定定位的区别与特性