absolute是浮動層，浮動層位于普通層之上，所以K3沒有浮動時會被K2蓋住如果需要像你說的那樣K3去掉浮動還能顯示就需要通過zindex設(shè)置浮動層的疊加位置，把K2的zindex設(shè)置成1就會顯示K3了普通層的zindex相當(dāng)于0，設(shè)置成1就把K2放在K3下面了跟floatleft就沒有關(guān)系，floatleft只是表示；檢查下兩個DIV的寬度width設(shè)置情況，在不定義position或者position屬性相同的情況下不控制div的寬度width，或者div被其內(nèi)部的內(nèi)容撐大，最終會導(dǎo)致浮動異常不對齊排列解決辦法兩個都浮動的情況限制兩個div的width，最好小于它們父元素的50%，比如兩個都是48%一個浮動，一個不浮動的；這里是我們收集的一些很有用的CSS 3懸停效果教程合集HTML 5和CSS 3拓展了網(wǎng)頁設(shè)計的可能性，它們引入了很多新屬性來讓你的網(wǎng)站變得豐富而飽滿在這篇文章中，我分享了18個CSS3懸停效果的教程，來讓你的網(wǎng)站變得飽滿并且傳達(dá)更好的用戶體驗本文介紹了CSS 3的動畫屬性，使用這個屬性可以不用費多大；子元素設(shè)置100PX的寬高，然后把子元素div2左浮動一下，代碼floatleft實現(xiàn)效果如下，DIV2在div1的左方，其它代碼不變，我們只需要把浮動的代碼更改一下，就可以實現(xiàn)右浮動了，floatright下圖實際效果我們可以看到DIV實現(xiàn)了右浮動，浮動至右邊css浮動擴(kuò)展定義 浮動的框可以向左或向右移動；HTML與CSS網(wǎng)頁設(shè)計教學(xué)做一體化教程百度網(wǎng)盤在線觀看資源，免費分享給您 提取碼1234 HTML與CSS網(wǎng)頁設(shè)計教學(xué)做一體化教程是2013年出版社出版的圖書HTML與CSS網(wǎng)頁設(shè)計是動漫設(shè)計與制作視覺效果設(shè)計多媒體技術(shù)計算機(jī)網(wǎng)絡(luò)技術(shù)等專業(yè)的必修；當(dāng)你想要在HTML和CSS中調(diào)整字體位置，首先在Hbuilder編輯器中打開一個空白的HTML文件，構(gòu)建基礎(chǔ)結(jié)構(gòu)創(chuàng)建一個包含高度寬度和背景顏色的外層，并將文字包裹在標(biāo)簽內(nèi)，同時設(shè)定文字顏色記得保存文件，操作完成后你會在軟件右側(cè)預(yù)覽到初始效果接下來，關(guān)鍵步驟是改變定位將的position屬性設(shè)為#39relative#39。

利用相對定位 絕對定位浮動布局代碼如下直接復(fù)制以后代碼即可lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquotlthtml xmlns=quotltheadltmeta；1先新建一個html文件，并在head中添加樣式表styletype=quottextcssquotstyle2在body中添加一個DIV，并引入一個CSS，命名為aaa3給這個DIV添加背景色，并定義它的寬和高background#FA2width400pxheight600px4然后添加如下代碼positionfixedleft50%top；1打開Hbuilder編輯器，新建一個html空白文檔，輸入基本的結(jié)構(gòu)，這里設(shè)置一個外圍的div盒子，給外圍的div高度寬度和背景顏色，文字包裹到span標(biāo)簽里，文字也設(shè)置一下顏色，按下Crtl+S保存一下2此時可以在軟件右側(cè)的窗口可以看到效果3把外圍盒子的position屬性設(shè)置為relative，span標(biāo)簽里的position屬；html css基礎(chǔ)教程歸納如下第1Html介紹本章節(jié)主要講解html和css樣式的關(guān)系，以及html標(biāo)簽html文件結(jié)構(gòu)head標(biāo)簽，最后講解了在html中的注釋代碼的作用第2認(rèn)識標(biāo)簽第一部分學(xué)完這一章節(jié)將對標(biāo)簽的使用有了一些初步的認(rèn)識，可以使用標(biāo)簽制作出一篇簡單的文章網(wǎng)頁下一章節(jié)將進(jìn)一步學(xué)習(xí)另外一部分；2浮動原理Margin認(rèn)知 Margin，是CSS的語法，這個簡寫屬性用于在一個聲明中設(shè)置所有當(dāng)前或者指定元素所有外邊距的寬度，或者設(shè)置各邊上外邊距的寬度3框架應(yīng)用搭建 框架很多，在這個教程中選擇一個主流框架帶大家看看前端框架如何搭建4插入圖片文字標(biāo)簽和版頭導(dǎo)航欄 編寫的網(wǎng)頁中插入圖片，可以；像這樣的如果是這樣的一般就是使用浮動來做的，效果圖lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle005lttitle ltstyle type=quottextcssquot html，body margin0 fl floatleft fr floatright overflow overflow hidden box width100%bac；這個是因為樣式優(yōu)先級的問題，只要把樣式更換成 HTML部分lta href=quot#quot id=quotpic2quot lta CSS部分pic2 abackgroundurlimagefrontPageAd_anniversary_txtjpg 0 0 norepeat width465px height262px displayblockquot pic2 ahover backgroundurlimage復(fù)件 frontPageAd。

改變標(biāo)簽就可以了DIV這樣的是塊標(biāo)簽，你改成不是塊標(biāo)簽就行，有l(wèi)tfontltfontltiltiltaltaltspanltspan這些都是內(nèi)斂塊是上下垂直的，這是不需要用CSS控制就可以橫著排列了；希望我的回答對你有幫助，用我的經(jīng)驗并且結(jié)合當(dāng)初學(xué)習(xí)的教程看到你的問題首先針對的問題是float浮動問題，你得顯示問題和position沒有一丁點關(guān)系，因此ab顯示和abc顯示的問題就是簡單的float設(shè)置問題，因此你所說的問題有沒有設(shè)置position效果都是一樣，你可以驗證一下css中float的守則就是如果浮動就都。