如圖：為什么呈現(xiàn)的效果卻不一樣呢？
為什么把box1，box2的代碼和box3，box4的代碼寫的一樣，但是呈現(xiàn)的效果卻不一樣呢？一個(gè)在內(nèi)部頂部，一個(gè)在外部底部。
_桑
2016-03-09
4 回答
舉報(bào)
0/150
提交
取消
2016-03-09
你是寫position:relative和absolute,可是你有寫bottom:0;嗎??這里子盒子的參照物是父盒子.你再設(shè)置子盒子的top和right為0看看,是不是一樣大小了呢?
2016-04-09
box1與box2是兩層嵌套關(guān)系，父層box1內(nèi)沒有直接元素，所以子層box2里的文本顯示在box1內(nèi)部的左上角。
box3里有直接元素img，img屬于內(nèi)聯(lián)塊元素，同時(shí)具有內(nèi)聯(lián)元素和塊元素的特性，所以后面跟著的塊元素box4會(huì)另外占一行，不與img同行顯示，更不能懸浮在img之上。
2016-03-24
box1和box2在body中的代碼結(jié)構(gòu)，跟<img>和box4的結(jié)構(gòu)是不一樣的，仔細(xì)看下，只是css語句一樣。效果當(dāng)然不同了
2016-03-09
因?yàn)閎ox2是行內(nèi)標(biāo)簽，所以他在box1這個(gè)盒子里，但box3和4都是塊狀標(biāo)簽，所以在你沒設(shè)置其相對(duì)距離時(shí)顯示是默認(rèn)順序，我是新手，不知道說的對(duì)不對(duì)。