web实训———3.19

这div 实现形式

div 实现
首页 Home
课堂大厅 Course
学习中心 Learn
关于我们 About

知识点总结
一、CSS定位(position)
①页面布局相关属性:

float(left,right,auto),
display(block,inline,inline-block,listitem),
overflow(auto,hidden,scroll,visible)
②position属性

position属性规定元素的定位类型,定义建立元素布局所用的定位机制,任何元素都可以定位。 position属性值。
1
值 描述
absolute 绝对定位,相对于最近定位和祖先元素进行定位,元素的定位位置通过left,top,right,bottom属性值来确定
fixed 固定定位,相对于浏览器窗口进行定位,元素的定位位置通过left,top,right,bottom属性值来确定
relative 相对定位,相对于其正常位置进行定位,元素的定位位置通过left,top,right,bottom属性值来确定
static 默认值,没有定位,元素出现在正常流中,忽略left,top,right,bottom或z-index声明
二、相对定位与绝对定位(relative和absolution)
原位置

相对定位

绝对定位


作者:_HONEY
来源:CSDN
原文:https://blog.csdn.net/weixin_43961960/article/details/88760570
版权声明:本文为博主原创文章,转载请附上博文链接!里写自定义目录标题)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值