溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

css float position 筆記

發(fā)布時(shí)間：2020-08-02 21:40:01 來(lái)源：網(wǎng)絡(luò) 閱讀：348 作者：flasknow 欄目：web開發(fā)

float: right;   只對(duì)后面的元素起作用，圍繞在后面元素的右邊   

和前后元素沒(méi)關(guān)系，只是脫離自己原來(lái)的位置，漂到了右邊，原來(lái)的位置，由別人頂上


clear: rigth;   如果后面的元素有這句，意思是說(shuō)我的右邊不要有人圍繞

class="clearfix"  border自適應(yīng)元素的高度，起到 overflow 的作用


position: static;  只根據(jù)文檔流定位，也就是他的正常排位

position: relative;  相對(duì)于正常位置的定位

position: fixed;  固定位置

position: absolute;  相對(duì)與position是relative的父元素的位置（static、fixed的父元素不起作用, 如果沒(méi)有relative的父元素，就相對(duì)整個(gè)網(wǎng)頁(yè)）


z-index: -1;   可以被覆蓋


https://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_p_w_picpath

.dropdown {

    position: relative;

    display: inline-block;

}

不理解為什么要加 display: inline-block;  只有他一個(gè)按鈕，去掉也看不出什么影響

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手