0

我正在使用下面的代码来分隔“数字”和“描述”列，现在我的问题是如何将此垂直线位置放置在我真正想要的位置，让我在下面的步骤中清楚地描述。

size 的总宽度是 580px，两列共享这个 580 的宽度，一列是“数字”，仅使用 50px，另一列是“描述”需要使用 530px

这是代码：

<div
style="width:1px;height:200px;background-color:black;float:left;"></div>

如果有人可以稍微修改此脚本并提供正确的代码，我将不胜感激，图片示例如下。

http://www.image-maps.com/PHP_Map_Image.php

笔记：

我需要 DIV 标签上的以下脚本

<table style="width: 580px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr bgcolor="#ffd700">
<td width="50"></td>
<td align="center" bgcolor="#cc3399" width="230">main content cell</td>
</tr>
<tr bgcolor="#ffd700">
<td width="50"></td>
<td align="center" bgcolor="#cc3399" width="230">main content cell</td>
</tr>
<tr bgcolor="#ffd700">
<td width="50"></td>
<td align="center" bgcolor="#cc3399" width="230">main content cell</td>
</tr>
</tbody>
</table>
4

1 回答 1

0

更新演示

http://jsfiddle.net/yyene/xUCPL/3/

HTML

<div class="main">
    <div class="number">100</div>
    <div class="description">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div>
</div>

CSS

.main {float:left;width:580px;background:red;}
/* width change to 40, bcoz of padding */
.number {width:40px;float:left;padding:5px;} 
/* width change to 519, bcoz of border and padding */
.description{width:519px;float:left;border-left:1px solid #000;padding:5px;}
于 2013-06-07T10:56:44.493 回答