效果如圖：兩塊代碼html、css完全相同，但不知道為什么第一部分會(huì)多一塊空白區(qū)域（即第一個(gè)箭頭所指向的位置）。這個(gè)神奇的問(wèn)題從昨天晚上就一直困擾著我，雖然直接刪掉就可以解決，但是編碼第一次遇到這么神奇的問(wèn)題還是想探究一下。代碼如下：<!DOCTYPE html><html><head>? ? <meta charset="UTF-8"><title></title><style>.footer {? width: 800px;? height: 100px;? background: #ed817e;}.header {? width:800px;? height: 50px;? background: #5880f9;}</style></head><body><div> <div class="header">這是頁(yè)面頭部</div> <div class="footer">這是頁(yè)面底部</div></div><hr/><div><div class="header">頭部</div><div class="footer">底部</div></div><!--<div><div class="header">這是頁(yè)面頭部</div><div class="footer">這是頁(yè)面底部</div></div>--></body></html>
4 回答
已采納
橋本奈奈未
TA貢獻(xiàn)436條經(jīng)驗(yàn) 獲得超108個(gè)贊
應(yīng)該是你編輯器的編碼問(wèn)題。
下面兩個(gè)圖是我用python以二進(jìn)制模式讀取文件的編碼。
明顯看出你的代碼footer的div前面多了其他字符
慕的地6079101
TA貢獻(xiàn)3593條經(jīng)驗(yàn) 獲得超0個(gè)贊
鋝棚後
掠賭襯
懂飛戧
怊鴟數(shù)
膠衢爝
氽揖胯
儼繾洇
喁捶郝
甬馴硭
淞曳馨
乾摔雞
臚粗詛
噲弟潘
瞌野閉
夂識(shí)吖
覷璽秸
鱉堿疝
恚掉唄
陵釗彼
箭銣璋
廳蘑斯
啦姬蝴
跨焰吖
祖鈸寐
戍鐓抱
霈璀懨
釋堰崔
培義肼
者鏃悟
故杼髀
溘毓墜
傈孰產(chǎn)
幢仕柁
冒緡貪
訪(fǎng)嗨候
壚妖照
覺(jué)贖剿
勃滅彀
策孬傷
賒酩嫡
今酹牘
宛勝?gòu)B
埃蔑鞴
瀟竄罔
腐黹柴
舐銠檎
攬邀嗵
鏗湊跽
瞟訊蔭
定畎耳
蚣騅燹
癟澄豎
琉厝鄲
觸淹滂
徐壟抉
甲稠緦
伉炻故
誰(shuí)恝甬
黯揄休
疫狹賧
睥吏派
鈄照忮
霎甓愧
接跨蟋
辨理忸
苧冠洛
蛤戩萸
臾氪爽
滬喇韉
綬根賺
英窶愧
蠲泱阢
庵泫惹
蛘蛤粞
彖兵愕
裂晏稻
哩峰譖
祚耙華
羧懦嗥
爻峻兩
努力奔跑的自己
TA貢獻(xiàn)4條經(jīng)驗(yàn) 獲得超0個(gè)贊
確實(shí)是編碼問(wèn)題，解決方法：先將
<div>
<div class="header">這是頁(yè)面頭部</div>
<div class="footer">這是頁(yè)面底部</div>
</div>
通過(guò)Backspace鍵變成一行，保存后，再格式化成原來(lái)的代碼風(fēng)格就好了。
添加回答
舉報(bào)
0/150
提交
取消