亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

一個神奇又無解的html/css代碼?

一個神奇又無解的html/css代碼?

努力奔跑的自己 2018-08-26 11:53:03
效果如圖:兩塊代碼html、css完全相同,但不知道為什么第一部分會多一塊空白區域(即第一個箭頭所指向的位置)。這個神奇的問題從昨天晚上就一直困擾著我,雖然直接刪掉就可以解決,但是編碼第一次遇到這么神奇的問題還是想探究一下。代碼如下:<!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">這是頁面頭部</div>  <div class="footer">這是頁面底部</div></div><hr/><div><div class="header">頭部</div><div class="footer">底部</div></div><!--<div><div class="header">這是頁面頭部</div><div class="footer">這是頁面底部</div></div>--></body></html>
查看完整描述

4 回答

已采納
?
橋本奈奈未

TA貢獻436條經驗 獲得超108個贊

應該是你編輯器的編碼問題。

下面兩個圖是我用python以二進制模式讀取文件的編碼。

明顯看出你的代碼footer的div前面多了其他字符

https://img1.sycdn.imooc.com//5b82556a000167bc05900090.jpg


https://img1.sycdn.imooc.com//5b82556b0001ccc308580116.jpg


查看完整回答
2 反對 回復 2018-08-26
?
Mk丶

TA貢獻2條經驗 獲得超0個贊

對齊頂部了

查看完整回答
反對 回復 2018-09-26
?
努力奔跑的自己

TA貢獻4條經驗 獲得超0個贊

確實是編碼問題,解決方法:先將

<div>

  <div class="header">這是頁面頭部</div>

  <div class="footer">這是頁面底部</div>

</div>

通過Backspace鍵變成一行,保存后,再格式化成原來的代碼風格就好了。

查看完整回答
反對 回復 2018-08-26
?
慕虎9441190

TA貢獻2條經驗 獲得超0個贊

你引入其他的什么了嗎

查看完整回答
反對 回復 2018-08-26
  • 4 回答
  • 2 關注
  • 1817 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號