top的高度是100 main由于里邊的left等元素高度為600 為什么footer要margin:600px 0 0 0;而不是700？
top的高度是100 main由于里邊的left等元素高度為600 為什么footer要margin:600px 0 0 0; 而不是margin:700px 0 0 0;?
4 回答
舉報
0/150
提交
取消
top的高度是100 main由于里邊的left等元素高度為600 為什么footer要margin:600px 0 0 0; 而不是margin:700px 0 0 0;?
2016-06-15
舉報
2016-08-11
兩種方法 ： 第一種是 給main設置高度，讓foot知道main的高度是多少它也就能貼合到main下面了，第二種就是 ?設置margin-top：600px?
2016-06-21
margin-top不是針對整個網頁，而是針對它上面的兄弟元素，而main中的元素都是浮動的，是脫離了整個文檔流的，所以設置foot的margin-top為600px是為了使foot到top的距離為600px，好給main中的元素留出位置。我這樣說你明白嗎？
2016-06-15
你把代碼貼出來，我才知道你錯哪里了，才好跟你講啊
2016-06-15
你代碼怎么在寫，表示你理解錯了
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html?xmlns="http://www.w3.org/1999/xhtml"> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/> <title>混合布局</title> <style> body{?margin:0;?padding:0;?font-size:30px;?font-weight:bold} div{?text-align:center;?line-height:50px} .top{?height:100px;background:#9CF} .head,.main{?width:960px;margin:0?auto;} .head{?height:100px;?background:#F90} .left{?width:220px;?height:600px;?background:#ccc;?float:left;} .right{?width:740px;?height:600px;background:#FCC;?float:right} .r_sub_left{?width:540px;?height:600px;?background:#9C3;?float:left} .r_sub_right{?width:200px;?height:600px;?background:#9FC;?float:right;} .footer{?height:50px;?background:#9F9;clear:both;} </style> </head> <body> <div?class="top"> ????<div?class="head">head</div> </div> <div?class="main"> ????<div?class="left">left</div> ????<div?class="right"> ????<div?class="r_sub_left">sub_left ????????</div> ????????<div?class="?r_sub_right">sub_right ????????</div> ????</div> </div> <div?class="footer">footer</div> </body> </html>