#wrap{width:970px;margin:0 auto; }
#mainbody{width:100%;position:relative; margin-top:15px;}
#left{float:left;width:110px;}
#mid{margin-left:123px; width:650px;border:1px solid #999;}
#right{position:absolute;width:200px;margin-left:790px;top:0px;border:1px solid #999;}
#mainbody{width:100%;position:relative; margin-top:15px;}
#left{float:left;width:110px;}
#mid{margin-left:123px; width:650px;border:1px solid #999;}
#right{position:absolute;width:200px;margin-left:790px;top:0px;border:1px solid #999;}
2017-04-09
這個真的說的挺好的。學習前端知識和在學校學習計算機最大的不同就是難以系統學習,前端的東西瑣碎,分為三個部分又互相聯系,初學者學完三劍客仍然懵懵懂懂得不會開發網頁的,我想大有人在。W3school的教程我覺得應該作參考書來用,在這個基礎上輔以大量的應用課程,自己再動手實踐,效果應該挺好的。
2017-04-07
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
2017-04-06
#mainbody { background:#FC0;
width:100%;
overflow:hidden;
color:#fff;
text-align:center;
line-height:300px;
}
.left {
width:800px;
height:200px;
background:#000;
float:left;
line-height:200px;}
.right {
width:140px;
height:500px;
background:#690;
float:right;
line-height:500px;
}
width:100%;
overflow:hidden;
color:#fff;
text-align:center;
line-height:300px;
}
.left {
width:800px;
height:200px;
background:#000;
float:left;
line-height:200px;}
.right {
width:140px;
height:500px;
background:#690;
float:right;
line-height:500px;
}
元素A浮動,是相當于其在原文檔流中的位置浮起來,元素A后面的元素上移,與元素A前面的元素組成新的文檔流。
糾正:4:55秒,box1左浮動,box2不浮動,此時box2是獨占一行的,視頻中只是因為box1和box2高度一樣,所以看不出來。同學們一定要自己動手多試驗。
5:40秒,談下自己試驗的結果。如果BOX1的高度比較大,最后一段文字會從BOX1的右邊框位置開始,如果最后一段<p>元素有底色的話,可以看出來,BOX1是浮在<p>元素上面的。所以我認為,應該是不影響文檔流元素的排序,會影響到元素內容的展示。
糾正:4:55秒,box1左浮動,box2不浮動,此時box2是獨占一行的,視頻中只是因為box1和box2高度一樣,所以看不出來。同學們一定要自己動手多試驗。
5:40秒,談下自己試驗的結果。如果BOX1的高度比較大,最后一段文字會從BOX1的右邊框位置開始,如果最后一段<p>元素有底色的話,可以看出來,BOX1是浮在<p>元素上面的。所以我認為,應該是不影響文檔流元素的排序,會影響到元素內容的展示。
2017-04-05
最贊回答 / 我不是管家
如果覺得上述同學的答案不好的話,可以嘗試一下background:url('你的圖片地址') no-repeat left top;background:你想要背景圖片的寬 你想要背景圖片的高;
2017-04-04
最新回答 / 一層一塵
你沒看見祖先元素里有個子元素嗎?? <div id="mainbody">/* 祖先元素?*/? ? <div id="sidebar">/* 子元素 */? ? ? <dl>? ? ? ? <dt>CSS 基礎教程</dt>? ? ? ? <dd class="current"><a href="#">CSS 簡介</a></dd>? ? ? ? <dd><a href="#"&...
2017-04-03