css如何设置底端div款式-css实例教程

首页 2024-06-26 11:05:12

在css中加入底端div款式方法有:固定不动底端:position: fixed; bottom: 0; left: 0; right: 0;相对定位:position: relative; bottom: 0;调节上下部位:left/right 特性;别的款式:height、width、background-color、padding、margin 等。

CSS底端div款式设定

在CSS中,设定底端div款式可以借助"position"、"bottom"和"left/right"特性。

1. 固定不动底端

要把div固定不动在页面底端,应用下列特性:

马上学习培训“前面完全免费学习心得(深层次)”;

div {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
登陆账号拷贝

2. 相对定位

要把div相较于父亲原素底端精准定位,应用下列特性:

div {
  position: relative;
  bottom: 0;
}
登陆账号拷贝

3. 调节上下部位

需要调整div的底部垂直方向上的位置,应用"left"或"right"特性:

div {
  position: fixed;
  bottom: 0;
  left: 20px;
}

或

div {
  position: fixed;
  bottom: 0;
  right: 20px;
}
登陆账号拷贝

4. 别的款式

除开部位特性以外,也可以使用别的CSS特性来调整div的款式,比如:

  • 相对高度:"height"特性设定div高度
  • 总宽:"width"特性设定div宽度
  • 背景颜色:"background-color"特性设定div的背景颜色
  • 内边距:"padding"特性设定div里的内边距
  • 外边距:"margin"特性设定div以外外边距

以上就是关于css如何设置底端div款式的详细内容,大量欢迎关注php中文网站其他类似文章!

MySQL连接就这么简单!本地远程、编程语言连接方法一网打尽
还在为MySQL日期计算头疼?这份加一天操作指南能解决90%问题
MySQL日志到底在哪里?Linux/Windows/macOS全平台查找方法在此
MySQL数据库管理工具全景评测:从Workbench到DBeaver的技术选型指南
MySQL密码忘了怎么办?这份重置指南能救急,Windows/Linux/Mac都适用
你的MySQL为什么经常卡死?可能是锁表在作怪!快速排查方法在此
MySQL单表卡爆怎么办?从策略到实战,一文掌握「分表」救命技巧
清空MySQL数据表千万别用错!DELETE和TRUNCATE这个区别可能导致重大事故
你的MySQL中文排序一团糟?记住这几点,轻松实现准确拼音排序!
别再混淆Hive和MySQL了!读懂它们的天壤之别,才算摸到大数据的门道