day06

今天所學(xué)

1.定位

1.1相對定位

相對定位就是元素在頁面上正常的位置

div{
width:100px;
height:100px;
background:red;
position:relative;
left:200px;
top:200px;
}

相對定位一般不使用right,bottom

1.2絕對定位

絕對定位的元素移動(dòng)的位置,使離他最近的給了定位的父元素

絕對定位.png
1.3元素垂直居中
元素垂直居中.png
1.4banner
banner.png
1.5search
search.png
1.6百度一下
百度一下.png
1.7fixed
fixed.png
1.8z-index
z-index.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1.相對定位 相對定位一般不使用right,bottom 2.絕對定位 絕對定位的元素移動(dòng)的位置,是離它最近的給了...
    ZhouhaoJS閱讀 337評論 0 2
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,083評論 1 92
  • 知識(shí)要點(diǎn)梳理 1.相對定位 2.絕對定位 3.元素垂直水平居中 4.搜索框 百度搜索框 5.fixed 6.z-i...
    向陽_095c閱讀 192評論 0 0
  • 今天是2018年7月16日 1.相對定位 給元素設(shè)置position: relative;可以使元素處于相對定位中...
    魚翅大魔王閱讀 229評論 0 0
  • CSS 是什么 css(Cascading Style Sheets),層疊樣式表,選擇器{屬性:值;屬性:值}h...
    崔敏嫣閱讀 1,564評論 0 5

友情鏈接更多精彩內(nèi)容