最贊回答 / xlelou
top是用來說明content在容器體內距離mainbody頂部的位置 .margin說說明 容器體內 兩個不同 塊元素之間的間距. ?這是我的理解 。
2016-01-16
這不是自適應的右邊吧。970px限制
#wrap{width:970px;margin:0 auto}
#mainbody{margin-top:15px;position:relative;overflow:hidden;border:1px dashed red}
#left{float:left;width:110px}
#mid{float:left;width:650px;margin-left:13px;border:1px solid #999}
#right{position:absolute;margin-left:790px;border:1px solid #999}
#wrap{width:970px;margin:0 auto}
#mainbody{margin-top:15px;position:relative;overflow:hidden;border:1px dashed red}
#left{float:left;width:110px}
#mid{float:left;width:650px;margin-left:13px;border:1px solid #999}
#right{position:absolute;margin-left:790px;border:1px solid #999}
2016-01-15
最新回答 / 沉淀____
是寬度被撐出來了,不是高度。。目前的代碼中,不僅mainbody不用寫width100%,header和footer都不用寫。因為wrap已經顯示了總體寬度,而作為DIV這種塊元素的header和footer都會自動填充滿它所能占據的最大寬度。
2016-01-15
#wrap{width:970px; margin:0 auto;}
#mainbody{width: 100%; position: relative; margin-top:15px;}
#left{float: left; width:110px; }
#mid{float:left;margin-left: 13px width:650px;border:1px solid #999;}
#right{margin-left:773px; position: absolute; border:1px solid #999;}
#mainbody{width: 100%; position: relative; margin-top:15px;}
#left{float: left; width:110px; }
#mid{float:left;margin-left: 13px width:650px;border:1px solid #999;}
#right{margin-left:773px; position: absolute; border:1px solid #999;}
2016-01-13