#mainbody{position:relative; margin-top:15px;overflow:hidden;}
#left{width:110px;float:left;border:1px solid #999;}
#mid{width:650px;border:1px solid #999;float:left;margin-left:13px;}
#right{border:1px solid #999;position:absolute;margin-left:790px;}
#left{width:110px;float:left;border:1px solid #999;}
#mid{width:650px;border:1px solid #999;float:left;margin-left:13px;}
#right{border:1px solid #999;position:absolute;margin-left:790px;}
2016-04-03
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;border:1px solid #000;}
#mid{width:650px;border:1px solid #999;float:left;margin-left:13px;}
#right{position:absolute;top:0;left:790px;
border:1px solid #999;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;border:1px solid #000;}
#mid{width:650px;border:1px solid #999;float:left;margin-left:13px;}
#right{position:absolute;top:0;left:790px;
border:1px solid #999;}
2016-04-02
792=123+1+650+1+17(多加的2就是中間的邊框寬度border:1px *2)
123是沒有算上中間邊框左邊寬度的,17也沒有中間邊框右邊寬度的。
123是沒有算上中間邊框左邊寬度的,17也沒有中間邊框右邊寬度的。
2016-04-01
最新回答 / 慕仰5320736
我明白了? 顯示是一樣的margin-left:200px 的話? 盒子外邊距為200px? 剛好有空間填充在左邊? sider 的右邊那。而如果是left:200px的話,就是坐標位移的結果。所以概念不一樣,在本次實驗中實現的效果是一樣的。而我之前說的top當我沒說 哈哈
2016-04-01
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left; width:110px; }
#mid{float:left;width:650px;border:1px solid #999;margin-left:13px;}
#right{position:absolute;left:775px;border:1px solid #999;margin-left:17px;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left; width:110px; }
#mid{float:left;width:650px;border:1px solid #999;margin-left:13px;}
#right{position:absolute;left:775px;border:1px solid #999;margin-left:17px;}
2016-04-01
清除浮動的三種方法,第一種直接加clear:both或者clear:left或者clear:right
第二種設置字體寬度為100%,如p{width:100% overflow;hidden }
第二種設置字體寬度為100%,如p{width:100% overflow;hidden }
2016-03-31
#wrap{width:970px; margin:0 auto;}
#mainbody{margin-top:15px; width:100%; overflow:hidden; position:relative;}
#left{float:left;width:110px; border:1px solid #999;}
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
#mainbody{margin-top:15px; width:100%; overflow:hidden; position:relative;}
#left{float:left;width:110px; border:1px solid #999;}
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
2016-03-30