发表于: 2018-07-24 21:47:56

1 559


今天完成的事:

学习了css定位的相关知识:

css定位和浮动;css为定位和浮动提供了一些属性,利用这些属性可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。

它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。

浮动不完全是定位,不过它当然也不是正常流布局。

相对定位:如果对一个元素进行相对定位,它将出现在它所在的位置上。然后可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。

在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此移动元素会导致它覆盖其他框。

绝对定位:

设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。元素框原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。

绝对定位使元素的位置与文档流无关,因此不占据空间。这一点与相对定位不同,相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置。

明天计划的事:

由于个人原因明天暂无计划

遇到的问题:

没什么问题,度娘和W3school很强大

收获:

通过今天的学习学到了css中绝对定位和相对定位的知识


返回列表 返回列表
评论

    分享到