Html 如何使网站的标题部分与徽标一样低？

我只是改变了一些风格，破坏了我的网站：），但没有太多的线索如何设置它回来

我把一个新的形象作为标志。以前是大字体文本。现在div结束于其他文本的底部，而不是徽标的底部

看看这里是怎么断开的：-看最上面的-我需要使div延伸到左边图像的底部

这是我的css：

.banner 
{
    width:60em;
    margin: 0 auto;
    position: relative;
    padding: 0.3em 0;
    z-index: 1;
}

.banner .site_title 
{
    background: url("http://www.problemio.com/img/ui/problemio.png") no-repeat scroll 0 0 transparent;
    padding:5px 60px;
    font-weight: bold;
    color: #ffce2e;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
    font-size:2.5em;
    text-align: left
}

下面是我使用的HTML：

<div class="banner">
<!--  title and login/sign up go here -->
    <a href="http://www.problemio.com">
        <div class="site_title">

        </div>
    </a>

我正试图让图片出现在网站标题部分。我想我应该使用img标签，对吗？但是我应该如何增加我的风格呢

谢谢，

---

Alex

您没有在您的

横幅

或

站点标题

div上设置高度，因此它们只会与其中的元素一样高，在

横幅

div的情况下，这些元素似乎是文本链接

---

在CSS代码中，您正在

.banner

和

.site\u title

类中设置背景url。这是多余的，如果你只给其中一个div留一个余量，可能会导致事情看起来很奇怪。为什么不去掉

site\u title

div，把它变成一个图像呢？这也可以解决你的身高问题。

你没有在

横幅

或

站点标题

div上设置高度，因此它们只会与其中的元素一样高，而在

横幅

div中，这些元素似乎是文本链接

---

在CSS代码中，您正在

.banner

和

.site\u title

类中设置背景url。这是多余的，如果你只给其中一个div留一个余量，可能会导致事情看起来很奇怪。为什么不去掉

site\u title

div，把它变成一个图像呢？这也可以解决你的身高问题。

Ok完全有道理！谢谢没问题。如果您尝试了这个，但仍然有问题，请随时用更新的代码更新问题。Ok完全有意义！谢谢没问题。如果您尝试了这个方法，但仍然有问题，请随时使用更新的代码更新问题。