div無邊框

我試圖刪除邊框，但我不能。 border：none，border-style：none;邊框寬度：0px或沒有邊框的定義。我嘗試了所有這些標題，但每當我嘗試，div轉移。div無邊框

border:none

，這是它看起來像一個帶有邊框（任何方式）

enter image description here

而這些都CSS代碼和的2形勢HTML代碼休息。 CSS：

body{ 
top:0px; 
text-align:center; 
background-color:#F3F3F3; 
margin:0px; 
} 

div#baslik{ 
top:0px; 
width:800px; 
height:230px; 
border-style:solid; 
margin-left:auto; 
margin-right:auto; 
background-image:url('/gorsel/baslik.jpg'); 
} 

div#siteler{ 
text-align:right; 
height:55px; 
width:800px; 
padding-bottom:5px; 
bottom:0px; 
margin-top:195px; 
padding-right:30px; 
} 

a:visited,a:link.siteler{ 
padding-right:10px; 
padding-left:10px; 
} 

img:hover.siteler{ 
-moz-box-shadow:0px 0px 10px #FFF; 
-webkit-box-shadow:0px 0px 10px #FFF; 
box-shadow:0px 0px 10px #FFF; 
} 

img.siteler{ 
width:30px; 
height:30px; 
}

HTML：

<!DOCTYPE html> 
<html> 
<head> 
    <title>BAŞLIK</title> 
    <link rel='stylesheet' type='text/css' href='tema.css'> 
    <meta http-equiv='Content-Type' content='text/HTML; charset=utf-8' /> 
    <link rel='shortcut icon' href='/gorsel/favicon.ico' type='image/x-icon' /> 
</head> 
<body> 
    <div id='baslik'> 
     <div id='siteler'> 
      <a class='siteler' href=#><img class='siteler' src='/gorsel/facebook.jpg'></a> 
      <a class='siteler' href=#><img class='siteler' src='/gorsel/rss.jpg'></a> 
      <a class='siteler' href=#><img class='siteler' src='/gorsel/twitter.jpg'></a> 
      <a class='siteler' href=#><img class='siteler' src='/gorsel/planetminecraft.jpg'></a> 
      <a class='siteler' href=#><img class='siteler' src='/gorsel/youtube.jpg'></a> 
     </div> 
    </div> 
</body> 
</html>

來源

2013-07-11 Kutay Altıntaş

也許'border：0'？我會更深入地研究它 – ntgCleaner

我無法用給定的HTML和CSS重現此錯誤。你正在運行任何腳本？這裏是JSFiddle：http://jsfiddle.net/5jCda/（只是添加邊框：沒有任何地方，你會看到） – Johannes

不行，它沒有工作。 –

這是margin collapsing。當#baslik具有頂部邊框或頂部填充時，它包含裏面的頂部邊距#siteler。當沒有邊界或填充分隔邊界時，它們被合併到一個邊界中，從而將它們兩者都移位。

爲了防止這種情況，你可以從#siteler刪除margin-top:195px;與height:35px; padding-top: 195px取代height:230px;爲#baslik。

來源

2013-07-12 00:00:27

它的工作，非常感謝你:) –

回答

相關問題