1

我正在从整个站点中取出表格，并将它们切换到 CSS Div。

这是我正在尝试的第一个链接： http ://www.torelloengineers.com/legal_investigations.html

问题是右边的内容被放在左边的图片下方，而不是紧挨着它。

我在我的 CSS 文件中创建了它：表格单元格的容器、行和左、右和中间。我无法将其准确粘贴到此处，因为文本框不允许格式化代码。 

<div id="row">
    <div id="left">
        <h4><img src="picts/torello-safety-design.jpg" width="400" height="301"></h4>
    </div>
    <div id="right">
        <h4>Lacking Good Safety Design - Missing Guardrail.  Plainville, CT</h4>
        <p>While returning to her parked vehicle after using an ATM.... </p>
    </div>
</div>

我在主页上将我想要的内容左右“潜水”到我想要的位置，但正确的内容不会与左侧对齐。

4

4 回答 4

0

做这个：

#left {width: 50%; display: inline-block; vertical-align: top;}
#right {width: 50%; display: inline-block; vertical-align: top;}

根据自己的喜好调整宽度。浮动允许内容环绕它们，因此它们也是一种选择。

当你在那里时，改变

“以下是我们过去为律师所做的一些工作示例：”

至

“以下是我们过去为律师所做的一些工作示例：”

于 2013-09-03T21:04:29.183 回答
0

<div id="right">被格式化为表格单元格。检查文本的垂直对齐方式 - vertical-align:baseline。我个人会删除表格单元格格式并使用常规 div。

于 2013-09-03T20:34:55.390 回答
0

我没有看到包含 ID #left 和 #right 的 CSS 文件。ids #left 和 #right 是向左和/或向右浮动的吗？

#left {
    float: left;
}
#right {
    float: right;
}

您可能也想将它们更改为类，只是为了更容易重用它们。:)

于 2013-09-03T20:24:19.323 回答
0

尝试position:absolute或position:relative

于 2013-09-03T20:25:03.213 回答