CSS定位
1 定義元素框?qū)τ谄湔N恢脩?yīng)該出現(xiàn)的位置,或者相對(duì)于父元素、另一個(gè)元素甚至瀏覽器窗口本身的位置
2 CSS有三種基本的定位機(jī)制
2.1 普通流
按照其元素在HTML中的位置順序決定排布過程
2.2 浮動(dòng)
浮動(dòng)框可以向左或向右移動(dòng),直到它的邊緣碰到包含框或另一個(gè)浮動(dòng)框的邊框?yàn)橹?/p>
2.3 絕對(duì)定位
絕對(duì)定位使元素的位置與文檔流無(wú)關(guān),因此不占據(jù)空間,這一點(diǎn)與相對(duì)定位不同,相對(duì)定位實(shí)際上被看作普通流定位模型的一部分,因?yàn)樵氐奈恢孟鄬?duì)與它在普通流中的位置
3 定位屬性
position將元素放在一個(gè)靜態(tài)的、相對(duì)的、絕對(duì)的或固定的位置,通過對(duì)top、left、right和bottom這四個(gè)屬性的賦值讓元素向?qū)?yīng)的方向偏移
4 常用的定位屬性
overflow設(shè)置元素溢出其區(qū)域發(fā)生的事情
clip設(shè)置元素的顯示形狀,多用于圖片
vertical-align設(shè)置元素的垂直對(duì)齊方式
z-index設(shè)置元素的堆疊順序
fixed是將元素固定下來,就算滾動(dòng)屏幕,它也會(huì)在同一個(gè)地方不會(huì)動(dòng)
static設(shè)置以后,偏移量什么的就沒有用了
5 屬性是float其值可以賦值為
left元素向左移動(dòng)
right元素向右移動(dòng)
none不浮動(dòng)
inherit從父級(jí)繼承浮動(dòng)的屬性
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
當(dāng)前名稱:CSS——定位-創(chuàng)新互聯(lián)
文章網(wǎng)址:http://aaarwkj.com/article26/dgocjg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、網(wǎng)站營(yíng)銷、電子商務(wù)、標(biāo)簽優(yōu)化、用戶體驗(yàn)、網(wǎng)站策劃
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容