只設置box1浮動,box2不浮動的時候,box2 還是獨占一行,但是box1 是“浮在”box2上面的然后看 是 左浮動 還是右浮動。后面的3列的時候 中間的P 標簽也一樣,也是獨占一行的。
這里講師應該要講下float的前世今生(另外一個視頻里看來的):(我概括的)float原來僅僅是用來達到文字環繞的效果的。所以這里的結果是:如果p標簽里很多文字的時候(超過box1 box2高度)這些文字是會環繞著box1, box2的。大家可以自己試試的。
這里講師應該要講下float的前世今生(另外一個視頻里看來的):(我概括的)float原來僅僅是用來達到文字環繞的效果的。所以這里的結果是:如果p標簽里很多文字的時候(超過box1 box2高度)這些文字是會環繞著box1, box2的。大家可以自己試試的。
2016-10-13
注意:有些學員的答案是錯誤的。例如任務二只需加 width:100%,而不需要margin:0px auto,因為wrap中已經設置了,后面的設置便是畫蛇添足了,除此之外,對于0而言,0之后是不需要加px的。
2016-10-12
已采納回答 / 許瘦瘦4153848
top left right bottom 這些是設置了絕對定位的模塊對于其設置了相對定位的父包含快的偏移量,而margin那是其內部的邊距,再去看看盒子模型。不然你試試看那個題,用top 20px;conter會在mainbody下面20px,而你要是用 的margin-top的話,conter會在原來的位置上下移20px;
2016-10-11
絕對定位,寬度自適應強調了又強調,你這句話把多少學生都帶溝里去了,對于講課不負責任的老師,我只想說你的馬虎,浪費了千千萬學生的時間還有腦細胞!
2016-10-11
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;margin-right:13px;}
#mid{float:left;width:650px;border:1px solid #999;}
#right{positive:absolute;border:1px solid #999;top:0;left:792px;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;margin-right:13px;}
#mid{float:left;width:650px;border:1px solid #999;}
#right{positive:absolute;border:1px solid #999;top:0;left:792px;}
2016-10-11