Fatal编程技术网
  • css/
  • Css div无边界移动

Css div无边界移动

css

Css div无边界移动,css,Css,我正试图移除边界，但我做不到。边框：无，边框样式：无；边框宽度：0px或没有边框定义。我尝试了所有这些头球，但每当我尝试，div的变化 这就是边框（任何样式）的外观 这些是2的其他css代码和html代码。情况。 CSS: HTML: 巴利克 这是一个好消息。当#baslik具有上边框或上填充时，它包含#siteler的上边框。当没有边框或填充分隔它们的边距时，它们将合并到一个边距中，并同时移动它们 为了防止它，你可以删除margintop:195px从#siteler和替换高度：230p

我正试图移除边界，但我做不到。边框：无，边框样式：无；边框宽度：0px或没有边框定义。我尝试了所有这些头球，但每当我尝试，div的变化

这就是边框（任何样式）的外观

这些是2的其他css代码和html代码。情况。 CSS:

HTML:


巴利克
这是一个好消息。当
#baslik
具有上边框或上填充时，它包含
#siteler
的上边框。当没有边框或填充分隔它们的边距时，它们将合并到一个边距中，并同时移动它们

为了防止它，你可以删除
margintop:195px从
#siteler
和替换
高度：230px带
高度：35px；填充顶部：195px
用于
#baslik
可能
边框：0
？我将进一步研究它。我不能用给定的HTML和CSS重现这个错误。你在运行脚本吗？这是JSFIDLE：（只需添加边框：在某个地方没有，您会看到）不，它不起作用。没有脚本，没有php，没有asp，什么都没有。只有html和cssWell查看我的链接并尝试
border:none它不会移动。我也在使用Chrome。

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;
}



<!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>