扯犢子專(zhuān)業(yè) 一到講知識(shí)就含糊 大家一時(shí)沒(méi)聽(tīng)清楚 就自己整 或者大家都是聰明人 很好理解的
2020-03-23
至于為何是2000px寬,那是因?yàn)楝F(xiàn)在的屏幕也就1920px是常規(guī),很少大于 2000px的屏幕瀏覽網(wǎng)頁(yè)。所以考慮到這些問(wèn)題,設(shè)置的寬,比最大值大一點(diǎn),也就湊個(gè)整數(shù),沒(méi)啥刻意的。
你要想的話,也可以大于2000px;反正越大越好。
你要想的話,也可以大于2000px;反正越大越好。
2020-03-12
display: table-cell; *display: inline-block; width: 2000px; *width: auto;
不要理這么多,把它當(dāng)規(guī)范,當(dāng)成這種布局的公式,跟隨張大佬的腳步。
不要理這么多,把它當(dāng)規(guī)范,當(dāng)成這種布局的公式,跟隨張大佬的腳步。
2020-03-12
關(guān)于為何 display: table-cell; width: 2000px; 為何要設(shè)置這么長(zhǎng),我查到了:
在本例demo中,右側(cè)內(nèi)容足夠多,所以寬度完整的撐開(kāi)了,如果內(nèi)容有限,則寬度就是內(nèi)容的寬度,此時(shí)想要讓某個(gè)元素(例如關(guān)閉按鈕)右側(cè)定位就會(huì)有問(wèn)題,解決方法就是定義一個(gè)非常寬的寬度,就像上面facebook截圖中的CSS屬性一樣
傳送門(mén):https://www.jianshu.com/p/a1cf75448b43
在本例demo中,右側(cè)內(nèi)容足夠多,所以寬度完整的撐開(kāi)了,如果內(nèi)容有限,則寬度就是內(nèi)容的寬度,此時(shí)想要讓某個(gè)元素(例如關(guān)閉按鈕)右側(cè)定位就會(huì)有問(wèn)題,解決方法就是定義一個(gè)非常寬的寬度,就像上面facebook截圖中的CSS屬性一樣
傳送門(mén):https://www.jianshu.com/p/a1cf75448b43
2020-03-12
這里,關(guān)于右浮動(dòng)帶來(lái)的ie7兼容問(wèn)題的解決方法
①不改變dom,給“左側(cè)”套上元素標(biāo)簽,并左浮動(dòng),形成左右浮動(dòng)
<div>
<span style="float: left">左側(cè)</span>
<span style="float: right">右側(cè)</span>
</div>
②改變dom位置,也就是將右浮動(dòng)的元素放到前面:
<div>
<span style="float: right">右側(cè)</span>
左側(cè)
</div>
①不改變dom,給“左側(cè)”套上元素標(biāo)簽,并左浮動(dòng),形成左右浮動(dòng)
<div>
<span style="float: left">左側(cè)</span>
<span style="float: right">右側(cè)</span>
</div>
②改變dom位置,也就是將右浮動(dòng)的元素放到前面:
<div>
<span style="float: right">右側(cè)</span>
左側(cè)
</div>
2020-03-09
第二個(gè),按照文檔流布局,確實(shí)dom沒(méi)有變,因?yàn)槿绻惶砑觙loat。
那么div(文本區(qū))+a(頭像圖)是上下,正常的布局。
然后因?yàn)閒loat了,所以?xún)烧呖梢怨蚕硪恍辛恕?br />
為什么說(shuō)第一個(gè)dom變了,因?yàn)?,正常文檔流,是從上到下,從左到右的,但是a(頭像圖),把它放到前面了,就,效果是從左到右,但是dom卻是從右到左
那么div(文本區(qū))+a(頭像圖)是上下,正常的布局。
然后因?yàn)閒loat了,所以?xún)烧呖梢怨蚕硪恍辛恕?br />
為什么說(shuō)第一個(gè)dom變了,因?yàn)?,正常文檔流,是從上到下,從左到右的,但是a(頭像圖),把它放到前面了,就,效果是從左到右,但是dom卻是從右到左
2020-03-09