積累，小白也有大神夢最近在製作自己的**，涉及到了前端的一些問題，在這裡記錄一下，方便以後的溫習。在前端的幾種布局中，經常會運用到float浮動，這個問題。但是應用它也會出現一些問題，今天先記錄一下，目前我遇到的一些問題。
第乙個問題是我在運用浮動的時候遇到的等級問題。在運用float中，你先寫的元素，總是在最下面，例如三個div：
id="left" style="float:left">div>
id="center" style="float:left">div>
id="right" style="float:left">div>
在這個裡面，其實left在最下面，center在中間，right在最上面。這個問題不總是會出現特殊的影響。但是這次我在為center設定左右陰影的時候，出現了問題。因為right在最上面，所以它把center的右陰影給覆蓋了，導致右邊陰影無法顯示。
而解決方法是：修改三個div的優先順序，最簡單的方法就是把center放在最下面。又因為想讓center浮動中間，所以可以把right的浮動修改為float：right。
附加知識：在用box-shadow設定陰影的時候,如果只用乙個div並不能實現只讓左右具有陰影，而上下沒有陰影。因為box-shadow這個屬性設定陰影的方法是，在元素的下面，新增乙個矩形的有色矩形，而設定陰影是讓這個矩形的邊緣地帶變的模糊，給人的感覺是陰影。所以在設定陰影的時候，上下，左右分別至少會有一面具有陰影的效果。問題二是在為子元素新增浮動的時候，如果子元素的高度大於父元素的高度，則父元素不會隨著子元素而變大（前提：將父元素設定為auto）。這個原因是因為子元素浮動起來，則不占用文件流，所以不占用父元素的位置，而子元素變大父元素不會變大。
解決方案為：只要將子元素的浮動，相對于父元素來說取消掉即可，即父元素覆蓋子元素的浮動設定為隱藏。方案有兩種：
方案一：將父元素的overflow設定為hidden
"overflow:hidden">
...
....
style="clear:both">
div>
div>
html中div的浮動問題
div css中float認識及css float用法，div css float浮動知識用法與float浮動教程篇 css樣式的float浮動屬性，用於設定標籤物件 如 標籤盒子 標籤 標籤 標籤等html標籤 的浮動布局，浮動也就是我們所說標籤物件浮動居左靠左 float left 和浮動居右靠...
浮動以及清除浮動問題 標準文件流
1.浮動 浮動能使盒子脫離標準文件流 四大特性 1,浮動的元素脫標 2.浮動的元素互相貼靠 3.浮動的元素有 字圍 效果 是文字圍繞著浮動盒子顯示 4.收縮的效果 將塊級元素轉化成行內 大家一定要謹記 關於浮動,我們初期一定要遵循乙個原則,永遠不是乙個盒子單獨浮動,要浮動就要一起浮動,另外有浮動一定...
html中如何清除浮動
在html中，浮動可以說是比較常用的。在頁面的布局中他有著很大的作用，但是浮動中存在的問題也是比較多的。現在我們簡單說一下怎麼去除浮動 首先我們先簡單的看一下浮動 首先我們先建立乙個簡單的div，並在其中再放兩個div，並且給他們不同的樣式。css樣式 div1 left right html 效果...