CSSdiv靠下怎么設置

這篇文章主要介紹“CSS div靠下怎么設置”，在日常操作中，相信很多人在CSS div靠下怎么設置問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”CSS div靠下怎么設置”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

10年積累的做網(wǎng)站、網(wǎng)站設計經(jīng)驗，可以快速應對客戶對網(wǎng)站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡服務。我雖然不認識你，你也不認識我。但先網(wǎng)站制作后付款的網(wǎng)站建設流程，更有察哈爾右翼中旗免費網(wǎng)站建設讓你可以放心的選擇與我們合作。

1、css div實例描述
為了觀察到效果，我們對大盒子DIV設置寬度為400px;高為300px;，設置一個紅色邊框樣式。里面放2個小盒子寬度均為50px;一個高度為100px,一個高度為150px，css背景顏色均為藍色。

同時大盒子命名為“.創(chuàng)新互聯(lián)”,兩個小盒子分別CSS 命名為“.diva”和“.divb”。

2、div css實例完整HTML源代碼：

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>大div中小div靠下實例 在線演示 DIVCSS5</title> <style> .創(chuàng)新互聯(lián){position:relative;width:400px;height:300px;border:1px solid #F00} .diva{position:absolute;width:50px;height:100px;bottom:0;left:120px;background:#00F} .divb{position:absolute;width:50px;height:150px;bottom:0;left:180px;background:#00F} </style> </head> <body> <div class="創(chuàng)新互聯(lián)"> <div class="diva"></div> <div class="divb"></div> </div> </body> </html>

絕對定位常用使用方法，對父級div設置position:relative，子級div設置position:absolute，即可再對子級div設置left或right、top或bottom即可定位子級位于父級里任何位置。了解更多position可進入css position教程。

通過以上css div案例對父級使用position:relative，同時對子級設置position:absolute，并使用bottom:0（靠下距離為零）將子級定位于父級底邊緊貼。同時使用left調(diào)整子級定位靠左距離。

3、div+Css實例效果截圖

CSS div靠下怎么設置
css+div實例小div居于大div底邊緊貼靠下效果截圖

本實例也算是一個絕對定位的典型實例，通過本實例大家也可以掌握絕對定位方法，首先父級設置什么樣式，子級設置什么樣式，子級通過設置left或right和top或bottom定位子級在父級內(nèi)任意位置。

到此，關于“CSS div靠下怎么設置”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

分享題目：CSSdiv靠下怎么設置
URL分享：http://jinyejixie.com/article28/ppsjcp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、ChatGPT、定制開發(fā)、定制網(wǎng)站、動態(tài)網(wǎng)站、

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

CSSdiv靠下怎么設置