感謝和批評啥的我就不說了,視頻有錯(cuò)誤慕課網(wǎng)應(yīng)該怎么做?A:視頻后期標(biāo)注 B:要求講師重錄 C:刪除課程 D:放任不管
2017-05-28
#wrap{width:970;margin:0 auto;}
#mainbody{position:relative;margin-top:15px;}
#left{float:left;width:110px;}
#mid{margin-left:123px;width:650px;......}
#right{position:absolute;margin-left:790px;top:0;width:180px;....}
#mainbody{position:relative;margin-top:15px;}
#left{float:left;width:110px;}
#mid{margin-left:123px;width:650px;......}
#right{position:absolute;margin-left:790px;top:0;width:180px;....}
2017-05-27
糾正一下:浮動(dòng)元素不止影響緊鄰其后的元素,只要其后元素的行框與該浮動(dòng)元素有交集,行框就會被縮短,從而受到影響
2017-05-27
#mainbody {
width:100%;
position:relative;
margin-top:20px;
}
#content {
position:absolute;
top:0;
left:200px;
}
誰能告訴我哪錯(cuò)了?
熊同學(xué) 你的left 需要修改為 margin-left:200px;
width:100%;
position:relative;
margin-top:20px;
}
#content {
position:absolute;
top:0;
left:200px;
}
誰能告訴我哪錯(cuò)了?
熊同學(xué) 你的left 需要修改為 margin-left:200px;
2017-05-26
關(guān)于float的心得體會:
float會使元素脫離標(biāo)準(zhǔn)文檔流,從而漂浮在空中。當(dāng)mainbody里兩個(gè)box都浮動(dòng)了,mainbody里等于沒有東西了,就會縮成一條線抵著header,從而視覺上看起來消失了。而footer處在標(biāo)準(zhǔn)文檔流中自然就會頂上來。但是footer的內(nèi)容仍然會圍繞浮動(dòng)的box顯示。
float會使元素脫離標(biāo)準(zhǔn)文檔流,從而漂浮在空中。當(dāng)mainbody里兩個(gè)box都浮動(dòng)了,mainbody里等于沒有東西了,就會縮成一條線抵著header,從而視覺上看起來消失了。而footer處在標(biāo)準(zhǔn)文檔流中自然就會頂上來。但是footer的內(nèi)容仍然會圍繞浮動(dòng)的box顯示。
2017-05-26
浮動(dòng)效果實(shí)現(xiàn)有兩種方法:一種采用絕對定位的方法:position:absolute;
第二種采用float屬性的方法進(jìn)行浮動(dòng)(兩列效果的常用),即float:left;
#left{/*float:left;*/position:absolute;width:110px;}
#mid{/*float:left;*/position:absolute;margin-left:123px;width:650px;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
第二種采用float屬性的方法進(jìn)行浮動(dòng)(兩列效果的常用),即float:left;
#left{/*float:left;*/position:absolute;width:110px;}
#mid{/*float:left;*/position:absolute;margin-left:123px;width:650px;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
2017-05-24
正確答案:
#mainbody{position:relative;;margin-top:15px;}
#left{float:left; margin-right:13px; width:110px; border:1px solid #999;}
#mid{float:left; margin-right:17px;width:650px;border:1px solid #999;}
#right{position:absolute;right:0px; margin-left:794px; border:1px solid #999;}
#mainbody{position:relative;;margin-top:15px;}
#left{float:left; margin-right:13px; width:110px; border:1px solid #999;}
#mid{float:left; margin-right:17px;width:650px;border:1px solid #999;}
#right{position:absolute;right:0px; margin-left:794px; border:1px solid #999;}
2017-05-23