float浮動問題
#left{width:110px; float:left;}
#mid{width:650px;border:1px solid #999;margin-left:123px;}
在本節里面，沒給#mid設置margin-left的時候，#mid怎么被擠到下面去了，而且為什么不是設置13px
#left{width:110px; float:left;}
#mid{width:650px;border:1px solid #999;margin-left:123px;}
在本節里面，沒給#mid設置margin-left的時候，#mid怎么被擠到下面去了，而且為什么不是設置13px
2016-11-29
舉報
2016-12-22
#mid{ width:650px;border:1px solid #999;position:absolute;
margin-left:123px;}
首先#mid應該上面寫法，應該設置絕對定位absolute，所以13px間距，應該是#left的寬度110px+13=123px，應該設置margin-left:123px;被擠到下面是因為他是絕對定位。
2016-12-22
任務2：請在右側編輯器中補全代碼，使用浮動實現#left和#mid橫向兩列排版，并且兩者之間有13px間距;
題目是#left和#mid都設置為float:left; 所以margin-left:13px; ?你設置的margin-left:123px;應該是絕對定位，在#mid上加上 ?position:absolute;就行了
2016-11-29
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
2016-11-29
*{margin:0; padding:0;}
#wrap{width:970px; position:absolute;top:0;margin:0 auto;}
#mainbody{position:absolute; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:right;margin-left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
</style>
</head>