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