1

我正在使用divs 布局的网站上工作。我特别遇到了一个问题：培训照片div。

如果您访问http://php.wmsgroup.com/eofd6.org/education.html，您会在左侧导航下方看到一张已下拉的照片。我希望它直接在那个导航框下方。我已经尝试了几种不同的定位以及主要内容div的定位，但我无法正确定位。

任何帮助，将不胜感激。样式表的链接是http://php.wmsgroup.com/eofd6.org/in.css

谢谢！

4

3 回答 3

1

将#content 向右浮动，而不是向左浮动。

于 2008-10-21T17:53:11.353 回答
1

为了获得更可预测的结果，我将创建一个整体包装器，然后创建 2 个列包装器。你现在已经接近这个布局了，所以这将是一个简单的修复。

<html>
<head>
    <style type="text/css">
        #leftColumn {
            width: 30%;
            margin: 0px;
            float: left;
            display: inline;
            clear: left;
        }

         #rightColumn{
            width: 60%; /* allow 10% for flex/margins */
            margin: 0px auto;
            float: left;
            display: inline; 
            clear: right;
        }

    </style>
</head>
<body>
    <div id="pageWrapper">
        <div id="header"></div>
        <div id="leftColumn">
            <div id="nav"> </div>
            <div id="training_photo"> </div>
        </div>
        <div id="rightColumn">
             <div id="content"> </content>
        </div>
    </div>
    <div id="footer"> </footer>
</body>

于 2008-10-21T18:02:09.790 回答
0

您不能更改标记以将#training_photo div 包含在#nav div 中吗？

于 2008-10-21T17:56:05.293 回答