求助，關(guān)于<li>寬度控制的問題_html/css_WEB-ITnose
來源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 16:30:42
求助，關(guān)于<li>寬度控制的問題_html/css_WEB-ITnose
求助，關(guān)于<li>寬度控制的問題_html/css_WEB-ITnose:HTML頁面設(shè)計(jì) 網(wǎng)頁布局 標(biāo)簽的使用 這個(gè)是我網(wǎng)頁表示層的部分代碼： 我的想法是讓這三個(gè)列表項(xiàng)處在同一行，可是三個(gè)列表項(xiàng)并不在同一水平行。含有g(shù)hi的那個(gè)標(biāo)簽自動(dòng)下移了新一行的左邊。 我后來設(shè)置了所有元素的border，padding，margin為n
導(dǎo)讀求助，關(guān)于<li>寬度控制的問題_html/css_WEB-ITnose:HTML頁面設(shè)計(jì) 網(wǎng)頁布局 標(biāo)簽的使用 這個(gè)是我網(wǎng)頁表示層的部分代碼： 我的想法是讓這三個(gè)列表項(xiàng)處在同一行，可是三個(gè)列表項(xiàng)并不在同一水平行。含有g(shù)hi的那個(gè)標(biāo)簽自動(dòng)下移了新一行的左邊。 我后來設(shè)置了所有元素的border，padding，margin為n
HTML頁面設(shè)計(jì) 網(wǎng)頁布局
標(biāo)簽的使用 這個(gè)是我網(wǎng)頁表示層的部分代碼：
我的想法是讓這三個(gè)列表項(xiàng)處在同一行，可是三個(gè)列表項(xiàng)并不在同一水平行。含有g(shù)hi的那個(gè)標(biāo)簽自動(dòng)下移了新一行的左邊。
我后來設(shè)置了所有元素的border，padding，margin為none或者0，但結(jié)果還是開始一樣顯示的。
我就是搞不明白，三個(gè)標(biāo)簽加起來的不正好是100%的width么？為什么會(huì)超過的width。我試了把最后一個(gè)標(biāo)簽的width改為19%，然后三個(gè)就是并列顯示了。（注：我已經(jīng)設(shè)置了的float為left了）。
大家能給我指點(diǎn)一下嗎？ 謝謝了！
回復(fù)討論(解決方案)
li是塊級(jí)元素，是會(huì)自動(dòng)往下排的，而不像p，img這類行級(jí)元素會(huì)直接連在后面，style里加上float:left; 這個(gè)屬性就可以了，會(huì)變成漂浮元素進(jìn)行漂浮排列，最后最好在所有
后再加上一行清除漂浮，以免影響接下來的布局
li是塊級(jí)元素，是會(huì)自動(dòng)往下排的，而不像p，img這類行級(jí)元素會(huì)直接連在后面，style里加上float:left; 這個(gè)屬性就可以了，會(huì)變成漂浮元素進(jìn)行漂浮排列，最后最好在所有
后再加上一行清除漂浮，以免影響接下來的布局
不好意思，沒有注意到最后你已經(jīng)漂浮了，既然是19%有問題，估計(jì)是哪個(gè)margin或者padding出問題，可能沒檢查出來，試試在樣式里面加上一句 *{margin:0;padding:0} 呢
假設(shè)ul在實(shí)際顯示的時(shí)候?qū)挾仁?89px,那么3個(gè)li標(biāo)簽的寬度分別是315.6px 315.6px 157.8px,應(yīng)該是這個(gè)問題吧
一些老版本的瀏覽器不會(huì)認(rèn)識(shí)float類型的寬度，造成了誤差。一般在寫代碼時(shí)，就要考慮padding和magin的默認(rèn)屬性。
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
求助，關(guān)于<li>寬度控制的問題_html/css_WEB-ITnose
求助，關(guān)于<li>寬度控制的問題_html/css_WEB-ITnose:HTML頁面設(shè)計(jì) 網(wǎng)頁布局 標(biāo)簽的使用 這個(gè)是我網(wǎng)頁表示層的部分代碼： 我的想法是讓這三個(gè)列表項(xiàng)處在同一行，可是三個(gè)列表項(xiàng)并不在同一水平行。含有g(shù)hi的那個(gè)標(biāo)簽自動(dòng)下移了新一行的左邊。 我后來設(shè)置了所有元素的border，padding，margin為n
