自動居中布局:margin:0 auto;
橫向兩列排版:float:left;margin:0 13px 0 0;
絕對定位:pisition:relative;position:absolute;top:0;left:790px;
橫向兩列排版:float:left;margin:0 13px 0 0;
絕對定位:pisition:relative;position:absolute;top:0;left:790px;
2015-11-01
已采納回答 / 慕俠2950284
要注意的是“祖先元素是否有定位”,有,則參照最近的祖先元素。無,則參照根<html>。雖然box的確是它的祖先元素,但有無定位還是會影響參照標準的
2015-11-01
<script>$(function(){var items=$("#nav").find("li[class!=qq_lab]").find("a");items.each(function(){var _item=$(this);$(_item).bind("click",function(){$(this).parent().parent().find("li[class=current]").removeClass("current");
$(this).parent().addClass("current");});})});</script>
$(this).parent().addClass("current");});})});</script>
已采納回答 / edward_zpq
一個標簽可以有很多類名,class="content book"中有兩個類名,中間用空格隔著的,類名content是因為這個div是屬于內容的一部分,類名book是因為這個div盒子裝著書的圖片,樣式里面的類選擇器根據用途選擇一個類名就行,就是語義化(明白用途)!在什么情況下使用什么樣的類名合理,比如我是一名學生,同樣是我媽媽的兒子,在家里我肯定是以兒子的身份存在,在學校我是以學生的身份存在。設置整個頁面內容樣式時,用content,;設置book里面的書的圖片時,用到book,這樣也就很清楚~
2015-10-31
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#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{position:relative; margin-top:15px;}
#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;}
不一定對,這是我能做出的最好的效果了
2015-10-31
*{margin:0; padding:0;}
#wrap{width:970px;height:100%; }
#mainbody{position:relative; margin-top:15px;}
#left{position:absolute; width:110px; }
#mid{position:absolute;top:0;margin-left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
#wrap{width:970px;height:100%; }
#mainbody{position:relative; margin-top:15px;}
#left{position:absolute; width:110px; }
#mid{position:absolute;top:0;margin-left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
2015-10-30