如何防止HTML中的Division標籤失靈

這是我的第一個問題，我希望在這裏獲得一些幫助。如何防止HTML中的Division標籤失靈

我已經有這個HTML頁面5 DIV的主要有：

頁眉
內容
頁腳

內容包含
左
右

的左，右div的漂浮在左，右respectively.When我把東西內容DIV與H1標籤div的獲得有些disorted和我收到了約。標題和內容部分之間10px的空間，有點像這樣：

但是原來應該是：

 <body> 
<a target="_blank"><div id="main" > 
<div id="header" > 

<a style="color:#000000" href="home.html">Home</a> 
<a style="color:#000000" href="about.html">about</a> 
<a style="color:#000000" href="Our customers.html">Our Customers</a> 
<a style="color:#000000" href="Career.html">Careers</a> 
<a style="color:#000000" href="Contact us.html">Contact us</a> 
</div> 
<div id="content"> 
<div id="left" ></div> 
<div id="right" ></div> 
Home 
</div> 
<div id="footer"> 
<a style="color:#FFFFFF" href="home.html">Privacy Policy</a>| 
<a style="color:#FFFFFF" href="Feedback.html">Feedback</a>| 
<a style="color:#FFFFFF" href="disclaimer.html">Disclaimer</a>| 
<a style="color:#FFFFFF" href="Manadatory.html">Manadatory Disclosure</a>| 
<a style="color:#FFFFFF" href="sitemap.html">Site Map</a>| 
</div> 
</div></body>

這是我的CSS代碼：

#main 
{ 
height:900px; 
background-color:#000000; 
} 
#header 
{ 
    height:100px; 
background-color:#00FF00; 
padding:70px; 
    padding-right:70px; 
    font-size:30px; 
    text-align:center; 
    background-image:url(Images/text3.jpg); 
    padding: 50px; 
} 
#content 

{ 
height:700px; 
background-color:#FFFFFF; 
} 
#left 
{ 
float:left; 
height:700px; 
background-color:#FF0000; 
width:150px; 
background-image:url(Images/navbar2.jpg); 
} 
    #right 
{ 
float:right; 
height:700px; 
background-color:#FF0000; 
width:150px; 
    background-image:url(Images/navbar2.jpg); 
} 


#footer 
{ 
padding:50px; 
padding-right:70px; 
font-size:20px; 
text-align:center; 
height:100px; 
background-image:url(Images/footer.jpg); 
}

div的使用位置的固定位置沒有幫助。感謝您的任何幫助提前:)

來源

2016-02-10 Laddi Singh

這是從它的聲音崩潰邊緣。 –

右鍵單擊並檢查瀏覽器上的元素，並檢查div。你應該看看它發生了什麼。最有可能的是一些默認樣式，這是一些利潤率。這就是爲什麼大多數人使用某種reset.css作爲乾淨的基礎。我想象的默認CSS是應用邊距<p>和<h1>標籤。

也許嘗試添加類似：

h1 { 
    margin:0; 
}

很明顯，你可以指定只有特定的利潤率，而不是全部或H1。內容{}只是將樣式應用到內容塊內的報頭。

來源

2016-02-10 12:55:09

感謝您的回覆，如果上述解決辦法得到修復，我會通知您。 –

如何防止HTML中的Division標籤失靈

回答

相關問題