課程
/前端開發(fā)
/HTML/CSS
/企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn)
父元素的高度不是由子元素?fù)伍_嗎?不設(shè)置高度直接清除浮動(dòng)這樣可以嗎?
2018-09-01
源自:企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn) 3-9
正在回答
在普通的文檔流中,父元素的高度是由子元素的內(nèi)容撐開的。如果float:left后脫離了文檔流,浮動(dòng)的子元素沒有高度也沒有內(nèi)容,直接清除浮動(dòng),子元素是不能把父元素?fù)伍_的。清除浮動(dòng)是為了后面的元素顯示在浮動(dòng)元素的后面。
<!--在此制作一個(gè)嵌套列表-->
<!-- 以下是子列表的制作練習(xí)的代碼,供您參考,不需要設(shè)置高度 -->
<ul>??? <li>首頁(yè)? </li>??? <li>課程中心??? <ul>??? <li>Web前端????? <ul>????????? <li>HTML</li>????????? <li>CSS</li>????????? <li>JavaScript</li>????????? <li>jQuery</li>????? </ul>???? </li>??? <li>Android開發(fā)</li>??? <li>PHP開發(fā)</li>??? </ul>??? </li>?? ?</ul>
舉報(bào)
本課程重點(diǎn)介紹HTML/CSS實(shí)現(xiàn)常見企業(yè)網(wǎng)站布局的方法
2 回答子元素有浮動(dòng),為什么不給父元素清除浮動(dòng)?
4 回答浮動(dòng)會(huì)讓元素塌陷。即被浮動(dòng)元素的父元素不具有高度。例如一個(gè)父元素包含了浮動(dòng)元素,它將塌陷具有零高度。你可以按以下哪種方法處理:
1 回答子元素會(huì)自動(dòng)繼承父元素的寬高?
5 回答子元素設(shè)置的margin屬性居然不能把父元素?fù)未??只有父元素設(shè)置了border才可以,為什么?
1 回答span元素不是內(nèi)聯(lián)元素嗎?為什么這里可以給他設(shè)置寬度呢?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2019-08-05
在普通的文檔流中,父元素的高度是由子元素的內(nèi)容撐開的。
如果float:left后脫離了文檔流,浮動(dòng)的子元素沒有高度也沒有內(nèi)容,直接清除浮動(dòng),子元素是不能把父元素?fù)伍_的。清除浮動(dòng)是為了后面的元素顯示在浮動(dòng)元素的后面。
2018-09-03
<!--在此制作一個(gè)嵌套列表-->
<!-- 以下是子列表的制作練習(xí)的代碼,供您參考,不需要設(shè)置高度 -->
<ul>
??? <li>首頁(yè)? </li>
??? <li>課程中心
??? <ul>
??? <li>Web前端
????? <ul>
????????? <li>HTML</li>
????????? <li>CSS</li>
????????? <li>JavaScript</li>
????????? <li>jQuery</li>
????? </ul>
???? </li>
??? <li>Android開發(fā)</li>
??? <li>PHP開發(fā)</li>
??? </ul>
??? </li>?? ?
</ul>