gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 10:25:58 26 4
gpt4 key购买 nike

我正在设计一个包含三列的布局。每列由一个可拖动的垂直 div 分隔(使用 JavaScript)。

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

基本布局如下所示:

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

这是一个简化的 fiddle : http://jsfiddle.net/K4k5W/

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

我猜这可以通过一些 CSS 技巧来解决,尽管我还没有弄清楚。

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

最佳答案

嗯。我正在考虑 2 个 div 的 1 具有绝对定位,您将使用它进行拖动,另一个是视觉的。

关于html - 制作一个没有宽度可选的垂直div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23724512/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com