課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
rt,在設置第一個div為float之后,第二個div的框會與第一個重疊,而div2中的字會跑到面,如何設置能夠讓div2成為新的一排
2018-02-12
源自:初識HTML(5)+CSS(3)-升級版 13-4
正在回答
<div style="float:left;"> 0000 </div>
<div style="float:left;">8888 </div>
<div style="clear:both;">6666</div>
00008888
6666?
?
MISS_time 提問者
可以把需要一行的元素設置成內聯元素
<style type="text/css">
.new1{
float: left;
border:1px solid red;
}
.new2{
position: absolute;
top:100px;
border:1px solid green;
第二個用position: absolute;變為塊狀元素顯示方式,并設置與頁面頂部的距離。
別用float就好,或是讓第一個div的寬度+第二個的跨度大于屏幕最大,且第一個div大的話就會自動把第二個排下去了
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
2 回答float會使元素塊狀化,塊狀元素又是獨占一行,那為何兩個Div設置了float會并排顯示
1 回答塊級元素獨占一行?
4 回答如何對標簽設置為塊級元素
5 回答塊級元素中的p元素設置為center
2 回答關于float設置后的塊狀元素
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-02-12
<div style="float:left;"> 0000 </div>
<div style="float:left;">8888 </div>
<div style="clear:both;">6666</div>
00008888
6666?
?
2018-03-19
可以把需要一行的元素設置成內聯元素
2018-02-12
<style type="text/css">
.new1{
float: left;
border:1px solid red;
}
.new2{
position: absolute;
top:100px;
border:1px solid green;
}
第二個用position: absolute;變為塊狀元素顯示方式,并設置與頁面頂部的距離。
2018-02-12
別用float就好,或是讓第一個div的寬度+第二個的跨度大于屏幕最大,且第一個div大的話就會自動把第二個排下去了