可以使用底部和位置属性来设置 div 在其容器底部的位置。将位置值设置为绝对值并将底部值设置为零以在容器底部放置一个 div。
位置属性可以采用以下列出的多个值:
- 绝对:当除法的位置相对于其父级(在本例中使用)时使用此属性。
- 相对:当分区相对于屏幕上其他组件的位置时使用此属性。
- fixed:当组件的位置固定在屏幕上时使用此属性,而不管其他 HTML 组件(如页脚注释)。
位置属性以及左、右、上、下等属性可用于显示适当的定位。
示例 1:
Position a div at bottom
GeeksforGeeks
A computer science portal for geeks
输出:
例2:本例中使用table来显示body底部的内容。 top 和 bottom 属性用于设置顶部和底部位置的内容。
GeeksforGeeks
A computer science
portal for geeks
输出:
HTML 是网页的基础,用于通过构建网站和 Web 应用程序进行网页开发。您可以按照此 HTML 教程和 HTML 示例从头开始学习 HTML。
CSS 是网页的基础,用于通过样式化网站和 Web 应用程序进行网页开发。您可以按照此 CSS 教程和 CSS 示例从头开始学习 CSS。