亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

流動模型和浮動模型同時使用

div{
float:left;
}
<div?id="div1">div1</div>
<div?id="div2">div2</div>

以上是為了讓兩個塊狀元素可以并列一排。

但是我之后又要用一個塊,獨占一行的塊

正在回答

1 回答

<!DOCTYPE?HTML>
<html>
<head>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
????<title>br標簽的使用</title>
????<style>
????????.float{
????????????overflow:?hidden;
????????}
????????.float?div{
????????????float:?left;
????????}
????</style>
</head>
<body>
????<div?class="float">
????????<div?class="left">我是浮動的</div>
????????<div?class="right">我也是浮動的</div>
????</div>
????<div>
????????我是單獨占一行的
????</div>
</body>
</html>

想要另起一行的,不要用浮動就好了,一般的用了float的要注意一下清除浮動對其他元素的影響。我用的是比較簡單的方法,你可以去網上找下清除浮動的一些常見寫法,一般的都是用clearfix做為類名的。

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228743    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

流動模型和浮動模型同時使用

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號