21 浮動與定位(基本概念)

2021-08-15 11:14:12 字數 1031 閱讀 3183

1.fixed定位是相對與瀏覽器視窗而言,定住

相對定位後元素位置發生偏移,它仍會堅守原來佔據的空間,不會讓文件流的其他元素流入。

3. 4.

清除浮動:

在非ie瀏覽器(如firefox)下,當容器的高度為auto,且容器的內容中有浮動(float為left或right)的元素,在這種情況下,容器的高度不能自動伸長以適應內容的高度,使得內容溢位到容器外面而影響布局的現象,為了防止這個現象的出現而進行的css處理,就叫css清除浮動。

一、文件流的概念指什麼?有哪種方式可以讓元素脫離文件流?

二、有幾種定位方式,分別是如何實現定位的,使用場景如何?

css定位方式有四種:預設定位(static)、相對定位(relative)、絕對定位(absolute)和固定定位(fixed)

設定-margin後

六、如何讓乙個固定寬高的元素在頁面上垂直水平居中?

可以使用絕對定位和負margin,示例:

七、浮動元素有什麼特徵?對其他浮動元素、普通元素、文字分別有什麼影響?

八、清除浮動指什麼? 如何清除浮動?

清除浮動指的是:在非ie瀏覽器(如firefox)下,當容器的高度為auto,且容器的內容中有浮動(float為left或right)的元素,在這種情況下,容器的高度不能自動伸長以適應內容的高度,使得內容溢位到容器外面而影響布局的現象,為了防止這個現象的出現而進行的css處理,就叫css清除浮動。

清除浮動的方法:

1.使用帶clear屬性的空元素

在浮動元素後使用乙個空元素如

,並在css中賦予
.clear
屬性即可清理浮動。亦可使用

來進行清理。

2.使用css的overflow屬性

給浮動元素的容器新增overflow:hidden;或overflow:auto;可以清除浮動,另外在 ie6 中還需要觸發 haslayout ,例如為父元素設定容器寬高或設定 zoom:1。

3.使用css的:after偽元素

基本概念 C 基本概念

由於工作中需要用到c 編寫的一些工具,有時候需要根據需求修改或者定製工具,所以現在不得不學習一下c 的基礎語法,此為筆記,不成章法!機器語言 組合語言 高階語言 面向過程的程式設計方法 物件導向的程式設計方法 泛型程式設計方法 1 演算法設計 2 源程式編輯 3 編譯 4 連線 5 執行除錯 輸入裝...

定位 與浮動

1 區塊浮動 絕對定位 脫離正常的文件流,相當於飄起來 向 飄起來,於是就有了float 1,div 是塊級元素,他會自動換行 2,對元素使用 float 浮動的話,他會自動的把定位方式變為 絕對定位 如果絕對定位之後,這個元素下面還有元素,會頂上去 注釋 正常情況下,按照上下的順序正常顯示,當浮動...

浮動與定位

浮動 浮動元素會以某種方式從文件的正常流中刪除,再按照屬性值移動到制定的位置,浮動元素從某種意義上來說自成一派,但是他仍會對文件布局產生影響。注意事項 a.如果要對乙個非替換元素進行浮動,那麼必須為該元素宣告乙個寬度,否則,根據css規則,元素寬度近似為0,元素布局將會出現意想不到的結果。b.元素宣...