當(dāng)前位置：首頁(yè) > 人文社科 > 生活经验 >内容正文

生活经验

css float 的使用

發(fā)布時(shí)間：2023/11/27 生活经验 36 豆豆

生活随笔收集整理的這篇文章主要介紹了 css float 的使用小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

float?

float 屬性定義元素在哪個(gè)方向浮動(dòng)

left	元素向左浮動(dòng)。
right	元素向右浮動(dòng)。
none	默認(rèn)值。元素不浮動(dòng)，并會(huì)顯示在其在文本中出現(xiàn)的位置。
inherit	規(guī)定應(yīng)該從父元素繼承 float 屬性的值。

注意float沒(méi)有top 和bottom 屬性,輸入設(shè)置了,會(huì)沒(méi)有效果.?

inherit?

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><style>body{margin: 0;}.main{width: 200px;height: 200px;background: #DD28A0;float: right;}.main2{width: 200px;height: 200px;background: #00d8a0;float: inherit;}</style><body><div class="main"><div class="main2"></div> </div></body>
</html>

例如main2 的父布局就是main 所以他們 float一樣那么元素就會(huì)重疊在一起

當(dāng)然有時(shí)候是元素位于右邊也可以使用絕對(duì)定語(yǔ),

?position: absolute;
?right: 0;

總結(jié)

以上是生活随笔為你收集整理的css float 的使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

css
float