美文网首页
1.18学习篇

1.18学习篇

作者: 人定胜天_d916 | 来源:发表于2018-01-18 20:06 被阅读0次

position定位

相对定位:relative,可以可以使用方位和方位值来定义它的位置.

列入:top:30px; 定位的区域就从上向下移动30个像素

/*定位设置*/

.box1 {

position: relative;

/*float: right;*/ /*相对定位,浮动有效。*/

absolute绝对定位

绝对定位:absolute选择物上一级来进行定位,如果没有上一级则一直寻找定位止道找到定位

/*定位设置*/

.box2 {

position: absolute;

left: 30px;

top: 30px;

float: left; /*绝对定位后,浮动失效:定位后,元素脱离浮动流*/}

fixed:固定定位

基于浏览器窗口,浏览器窗口默认大小来进行固定定位,.定位在哪里,浏览器页面滚动他就跟着页面滚动.

总结:

* 1、与浮动:相对定位——浮动有效,绝对定位——浮动无效。

* 2、与默认文档流:相对定位——在默认文档流占据定位前的空间,并且影响默认文档流的其他元素的排列。绝对定位不占据不影响。

相关文章

网友评论

      本文标题:1.18学习篇

      本文链接:https://www.haomeiwen.com/subject/emxgoxtx.html