[英]How can I use div tags more effectively on my page?
我有以下html:
<body>
<div id="content">
<div class="mainlogo">
<div class="logo">
<a href="http://somepage.com/"><img src="images/image.jpg" border="0"/></a>
</div>
<div class="content-name">
<h1>Content One</h1>
</div>
</div>
<div id="compinfo">
<h1>Information.....</h1>
</div>
<div class="frame">
<div class="iframe">
<iframe src="somecontent.html/"></iframe>
</div>
</div>
</div>
</body
而我的CSS如下:
.mainlogo
{
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
}
.logo
{
position:absolute;
font-size: 35px;
top: 5px;
float:right;
}
.nav
{
width: 20%;
height: 20px;
}
.nav a
{
display: block;
background: #c8c8c8;
height: 100%;
text-align: center;
text-decoration:none;
font-family:Sans-Serif;
font-size:large;
}
a:visited
{
text-decoration:none;
}
.nav a:hover
{
background: green;
}
/*h1
{
font-size:70px
color: #121b50;
font-style:italic;
/*margin: 10px 30px 18px -600px;
font-family:"pt-sans-narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding-right: 50px;
}*/
h1{
font-style: italic;
/*margin: 5px -600px -50px 300px;*/
font-family: "pt-sans-narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
float:right;
}
a
{
color:#0000FF;
}
.content-name h1
{
text-align:right;
padding-top: 5px;
}
.iframe
{
text-align:center;
}
.frame
{
padding-top: 5px;
}
#compinfo
{
margin-top: 70px;
margin-left: 18px;
text-align:left;
color: #333;
line-height: 1.5em;
font-family: Arial;
font-size: 0.8em;
}
加载页面时,带有文字的徽标部分和徽标部分之间会有一些额外的间隙。
有什么可能是错误的? 我该如何纠正它,使徽标区域与徽标区域之间没有间隙?
谢谢
默认情况下,标题标签上有边距,请尝试向h1标签添加零边距。 那可能造成差距。
h1 {
margin: 0;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.