菜鳥教程 浮動

注意事項

想要學好浮動，那麼盒子模型是一定要掌握的，浮動在頁面布局時的使用率是非常高的，也可以說是我們前端css的乙個重點了。

首先，我們要學習浮動就要知道浮動要在什麼場景下來使用，它能解決哪些問題，又會給我們帶來哪些問題。

最開始，浮動是為了解決文字環繞的問題而產生的，而現在，浮動可以直接作用於頁面布局，前面也說過，塊盒在頁面中是獨佔一行的，那麼我們就要使用浮動來使它橫向排列，來達到美化頁面布局的效果。

當乙個元素浮動後，元素必定成為塊盒，也就是它的display屬性一定會被更改為block.

但是它們已經脫離了文字流，並不會獨佔一行，也就達到了塊盒橫向排列的需求。浮動只有兩種：

左浮動：f』loat:left 元素靠上靠左浮動

右浮動：float：right 元素靠上靠右浮動

首先我們新建乙個html檔案，寫上三個div並分別給它們命名：

**如下：

class

="top"
>
div>
class
="middle"
>
div>
class
="button"
>
div>
![在這裡插入描述](

然後我們再分別給這三個盒子設定寬高以及背景色，這樣我們才能更好的看到效果：

**如下

**如下（示例）：

div

.top
.middle
.button

可以很清晰的看見三個盒子在頁面中是由上往下依次排列的，因為我們使用的div就是塊盒，它會獨佔一行，而我們很多時候是需要它們在頁面中橫向排布，這個時候我們就需要給他們乙個浮動

.top

.middle
.button

可以看到紅綠盒子在左邊橫向排列，而藍色盒子在右邊，但是它們全部都在同一行中，這就是最基本的浮動應用

浮動盒子在父元素中排列時會避開常規流盒子，但是常規流盒子在排列時會無視浮動盒子，也就是說會被浮動盒子遮蓋，因此，我們在使用浮動時就需要注意常規流盒子的布局，以免元素被遮蓋。

菜鳥教程1

一 資料型別 1 typedef 為已有的型別賦予新的名字 類似於 define 例如 typedef int feet 那麼int feet distance 合理。2 列舉 是指將變數的值一一枚舉出來，變數的值只能在列舉出來的值的範圍內。enum color c c blue 二 變數型別 宣告...

菜鳥教程3

十 二 字串 1 常見字串 strcpy s1,s2 複製字串 s2 到字串 s1 strcat s1,s2 連線字串 s2 到字串 s1 的末尾。strlen s1 返回字串 s1 的長度。strchr s1,ch 返回乙個指標，指向字串 s1 中字元 ch 的第一次出現的位置。strstr s1...

c 菜鳥教程

菜鳥教程中的c 1.c 類訪問修飾符 public，private 只有類和友元函式可以訪問 protected 保護成員變數與私有成員十分相似，不同的是保護成員可以在派生類中訪問 在類裡不寫訪問修飾符，預設是private，但是結構體的預設是public 2.虛繼承 需要理解原理 是解決c 多重繼...