實現子div在父div的底部
阿新 • • 發佈：2019-02-09
轉自:出處
·思路及要點：
父div的位置設定成相對的，即“position: relative;”。
而子div的位置設定成絕對的，並且下邊緣設為0，即“position: absolute; bottom: 0;”。
· 程式碼：
<head> <title>子div在父div中置底</title> <style type="text/css"> .father { width: 500px; height: 600px; position: relative; background-color: AliceBlue; } .child { width: 400px; height: 100px; position: absolute; bottom: 0; background-color: AntiqueWhite; } </style> </head> <body> <div class="father"> <div class="child"> </div> </div> </body> </html>