0

我正在尝试删除边框，但我不能。边框：无，边框样式：无；边框宽度：0px 或没有边框定义。我为标题尝试了所有这些，但每当我尝试时，div 都会发生变化。

边框：无

这就是带边框的样子（任何样式）

在此处输入图像描述

这些是2.情况的其余css代码和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>
4

1 回答 1

0

它的边缘正在崩溃。当#baslik有上边框或上边距时，它包含上边距#siteler内部的上边距。当没有边框或填充将它们的边距分开时，它们将合并为一个边距，使它们都移动。

为了防止它，您可以删除margin-top:195px;并#siteler替换height:230px;为height:35px; padding-top: 195pxfor #baslik。

于 2013-07-12T00:00:27.830 回答