網頁設計中,經常需要讓內容放在底部。這個時候,CSS就可以發揮作用了。
一、使用絕對定位
如果想讓一個元素緊貼著底部,可以使用絕對定位。具體操作如下:
```
```
其中,使用了position屬性將元素設置為絕對定位,bottom屬性設置元素在父元素底部,通過這樣的方式,讓內容始終位于底部。
二、使用flex布局
如果你喜歡使用flex布局,也可以使用flex的屬性來讓內容位于底部:
``` ```
其中,使用display屬性將元素設置為flex布局,justify-content屬性設置在主軸上的對齊方式為flex-end(即右對齊),align-items屬性設置在交叉軸上的對齊方式為flex-end(即底部對齊),通過這樣的方式,也可以讓內容始終位于底部。
以上兩種方法可以讓內容放在底部,根據個人需求選擇適合自己的方式即可。上一篇hr size css
下一篇mysql1和2