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

利用相對(duì)定位 絕對(duì)定位浮動(dòng)布局代碼如下直接復(fù)制以后代碼即可lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquotlthtml xmlns=quotltheadltmeta；1先新建一個(gè)html文件，并在head中添加樣式表styletype=quottextcssquotstyle2在body中添加一個(gè)DIV，并引入一個(gè)CSS，命名為aaa3給這個(gè)DIV添加背景色，并定義它的寬和高background#FA2width400pxheight600px4然后添加如下代碼positionfixedleft50%top；1打開(kāi)Hbuilder編輯器，新建一個(gè)html空白文檔，輸入基本的結(jié)構(gòu)，這里設(shè)置一個(gè)外圍的div盒子，給外圍的div高度寬度和背景顏色，文字包裹到span標(biāo)簽里，文字也設(shè)置一下顏色，按下Crtl+S保存一下2此時(shí)可以在軟件右側(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)識(shí)標(biāo)簽第一部分學(xué)完這一章節(jié)將對(duì)標(biāo)簽的使用有了一些初步的認(rèn)識(shí)，可以使用標(biāo)簽制作出一篇簡(jiǎn)單的文章網(wǎng)頁(yè)下一章節(jié)將進(jìn)一步學(xué)習(xí)另外一部分；2浮動(dòng)原理Margin認(rèn)知 Margin，是CSS的語(yǔ)法，這個(gè)簡(jiǎn)寫(xiě)屬性用于在一個(gè)聲明中設(shè)置所有當(dāng)前或者指定元素所有外邊距的寬度，或者設(shè)置各邊上外邊距的寬度3框架應(yīng)用搭建 框架很多，在這個(gè)教程中選擇一個(gè)主流框架帶大家看看前端框架如何搭建4插入圖片文字標(biāo)簽和版頭導(dǎo)航欄 編寫(xiě)的網(wǎng)頁(yè)中插入圖片，可以；像這樣的如果是這樣的一般就是使用浮動(dòng)來(lái)做的，效果圖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；這個(gè)是因?yàn)闃邮絻?yōu)先級(jí)的問(wèn)題，只要把樣式更換成 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控制就可以橫著排列了；希望我的回答對(duì)你有幫助，用我的經(jīng)驗(yàn)并且結(jié)合當(dāng)初學(xué)習(xí)的教程看到你的問(wèn)題首先針對(duì)的問(wèn)題是float浮動(dòng)問(wèn)題，你得顯示問(wèn)題和position沒(méi)有一丁點(diǎn)關(guān)系，因此ab顯示和abc顯示的問(wèn)題就是簡(jiǎn)單的float設(shè)置問(wèn)題，因此你所說(shuō)的問(wèn)題有沒(méi)有設(shè)置position效果都是一樣，你可以驗(yàn)證一下css中float的守則就是如果浮動(dòng)就都。