制作一个没有宽度可选的垂直div

时间:2014-05-18 16:57:22

标签: html css

我正在开发一个有三列的布局。每列都由一个可拖动的垂直div分割(使用JavaScript)。

问题是,我希望可拖动的div没有宽度,但仍然有5px的选择宽度;

基本布局如下:

<div class="col"></div>
   <div class="divide"></div>
<div class="col"></div>
   <div class="divide"></div>
<div class="col"></div>

这是一个简化的小提琴: http://jsfiddle.net/K4k5W/

您会注意到如果完全移除宽度,则无法选择div。

我猜这可以通过一些CSS技巧来解决,虽然我还没想到它。

编辑每列中都有浮动的元素,需要跨越整个宽度。如果分隔线有宽度 - 那就有间隙。

1 个答案:

答案 0 :(得分:0)

HMM。我想到2个div 1的绝对定位,你将用于拖动,另一个是视觉定位。