html - 这个 CSS 布局我做错了什么？

Question

过去两天我一直在努力让它发挥作用，但收效甚微。也许我对所有嵌套的 div 感到困惑，谁知道呢，但我可以请别人查看代码并为我指明正确的方向。

我有:http://landgraff.com/backend/process.html

它应该是这样的:http://landgraff.com/process.html

我重做这个网站的原因是因为我在原来的网站上使用了表格，而我正试图摆脱使用表格...所以这就是为什么我要重做它来练习 =]

以下内容来自:http://landgraff.com/backend/css/ProcessStylesheet.css

@charset "utf-8";

#bodytext {
    color: #6B6351;
    font-family: arial, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14pt;
    margin: 35px 0px 0px 30px;
    width: 370px;
}

#logo {
    float: left;
    background: url(../images/logosmall.gif) no-repeat;
    width: 75px;
    height: 152px;
    text-indent: -9999px;
}

#process_title {
    clear: both;
    float: left;
    background: url(../images/process/process_title.gif) no-repeat;
    width: 75px;
    height: 347px;
    text-indent: -9999px;   
}

#header {
    float: left;
    background: url(../images/process/header.gif) no-repeat;
    width: 163px;
    height: 26px;
    text-indent: -9999px;
    margin-top: 1px;
}

Answer 1

#bodytext {
color:#6B6351;
font-family:arial,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:14pt;
margin:35px 0 0 80px;
width:395px;
}

#header {
background:url("../images/process/header.gif") no-repeat scroll 0 0 transparent;
height:26px;
margin-left:100px;
margin-top:159px;
text-indent:-9999px;
width:163px;
}

如果您想保留您的标记和类/ID，这是可行的方法。此外，您还必须在副本的最后一行周围添加一个标签。

对于初学者来说还可以，祝你好运!