選單 stepdown 呈遞下沉的解決方法

2022-10-04 12:51:11 字數 667 閱讀 2432

關於&xwwvyldquo程式設計客棧;stepdown」,確實不知道能用什麼精闢的語言來形容他,其實就是浮動層下呈遞下沉狀態,如上圖所示

這個畫面讓我們不難相處,筆者是想做乙個選單之類的東西,每個塊是左浮動。

那讓我們看看**應該怎麼些吧:

像大多數選單一樣,應該建立乙個無序列表如下:

xhtml:

複製**

**如下:

css:

複製**

**如下:

ul#menu li a

這些塊都是左浮動的,所以他們應該在一條水平線上,對麼?答案是錯的,之所以呈遞下沉現象,就在於列表元素當中包含了錨點元素,雖然他們也是block-level元素,但是這些塊並不浮動。這很混亂,因為塊元素就像

一樣很自然的就回行了。這就導致了,不論當前行高多少,下乙個塊都是下沉的,這就是"stepdown"。好啦解釋完畢了

補救的辦法如下:

複製**

**如下:

ul#menu li

這樣就可以讓選單在乙個水平線上啦~~,如下:

好了總結完畢,雖然很多人知道這個,但我想也曾經以疑惑過,why??這下清楚啦~~~

如果覺得我說的不對的那就看原版吧,哈哈

本文標題: 選單 stepdown 呈遞下沉的解決方法

本文位址:

sdut 下沉的船

身份優先順序 woman child man captain.多組資料 少於組 每一組有乙個整數 代表船上有 個人,接下來 行,每行有乙個名字和他的身份。名字字元長度小於 資料保證不存在重名,注意可能存在多名船長 輸出n行,每一行輸出乙個名字,先上船的名字在前面。6 jack captain ali...

下沉傳遞和冒泡響應的過程

dispatchtoucheven 下沉傳遞 onintercepttouchevent 攔截 ontouch或ontouchevent 冒泡響應 下沉傳遞 a 攔截 if false 下沉傳遞 b 冒泡響應 b 冒泡響應 a 下沉傳遞 a 攔截 if true 冒泡響應 a 那ontouch和on...

下沉傳遞和冒泡響應的過程

dispatchtoucheven 下沉傳遞 onintercepttouchevent 攔截 ontouch或ontouchevent 冒泡響應 下沉傳遞 a 攔截 if false 下沉傳遞 b 冒泡響應 b 冒泡響應 a 下沉傳遞 a 攔截 if true 冒泡響應 a 那ontouch和on...