css float 的使用
生活随笔
收集整理的這篇文章主要介紹了
css float 的使用
小編覺得挺不錯(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沒有top 和bottom 屬性,輸入設(shè)置了,會(huì)沒有效果.?
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í)候是元素位于右邊也可以使用絕對定語,
?position: absolute;
?right: 0;
總結(jié)
以上是生活随笔為你收集整理的css float 的使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： “皇恩只许住三年”上一句是什么
- 下一篇： 求一个qq小清新网名。