Question

如何使用HTML在两个div标签中间画一条竖线

Answer 1

<div style="width:150px;height:150px;float:left;background:#f00;"></div>
 <div style="width:1px;height:150px;float:left;background:#000;margin-left:10px;margin-right:10px;"></div>
   <div style="width:150px;height:150px;float:left;background:#0f0"></div>

可以通过建立一个1PX宽度的DIV来做为竖线，，但是这种写法，兼容性不太好，一些旧浏览器容易出现默认最小宽度。

还有一个办法是，也是这样三个DIV布局，中间的宽度可以设置大一些，通过BORDER-LEFT,或者RIGHT，来建立一边边框做为竖线，然后，左边或者右边的DIV，通过MARGIN，padding的-值来减消中间DIV的宽度就可以了。

可以自己尝试一下。