divposition(div position:fixed且不脱离文档流,就是还占据原来的位置,不会与其他div重叠)
一、div position:fixed且不脱离文档流,就是还占据原来的位置,不会与其他div重叠
position:fixed后一定会脱离文档流,一般一个网页header部分到很多。header设置position:fixed定位后,你是遇到和下一个div(main)会上移问题吧?这里可以给header部分设置高,然后main给一个margin-top,可以实现两个div分开。另外注意position:fixed,一定要设置top:0;left:0:;不然会引起margin-top无效。
二、div距离屏幕顶部距离如何设置
方法/步骤分步阅读
1
/6
打开编辑器,新建一个HTML文档。
2
/6
新建一个CSS文档,并且进行关联。
3
/6
这里我们创建一个div,并且设置颜色和大小。
4
/6
我们可以用position:relative来进行偏移顶部。
5
/6
也可以用position:absolute,效果是一样的。
6
/6
当然还可以用margin-top:20px来进行偏移。
三、div框架底部对齐怎么设置
div设置底边对齐的操作如下:
1.先将容器的position设为relative;
2.然后将这个div的的样式添加position:absolute;bottom:0;
3.点击确定即可。
4、在css标签内,通过class设置div的样式,定义其宽度为250px,高度为400px,背景颜色为灰色,并使用position属性设置div为相对定位。
5、在css标签内,再设置p标签的样式,使用position属性设置p标签为绝对定位,并使用bottom属性设置p标签文字在底部,同时设置p标签宽度为100%,使用text-align属性让文字居中对齐。