整理列上的 CSS 分隔符

标签 css

我有 2 列,每边 float 一列,我想使用 1px 宽度的线分隔符,从最长列的顶部到底部。

我宁愿远离 TABLE 布局,而且我不知道哪一个将是最长的列,或者它会有多长。

我怎么能只用 css 做到这一点?

http://jsfiddle.net/AhfXc/2/

最佳答案

像这样

.colright{ 
    float: right;
    border-left: 1px solid gray;
    left: -1px;
    position:relative;
}

http://jsfiddle.net/AhfXc/18/

关于整理列上的 CSS 分隔符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11825778/

相关文章:

html - 有没有办法指定第一个元素*类型*?

html - 根据可用宽度设置表格单元格内容的宽度

javascript - 如何使用 css 按钮调用 jquery 函数?

css - 我怎么能只显示模组?

javascript - 尝试使用自定义 header 访问网页时,Android webview 不加载 css 和 javascript

css - 当你有 6-7 个页面要加载时,如何制作标签页?(css/jquery)

javascript - 尝试使用我可以自定义的表单中的信息创建一个新窗口。卡住

html - 如何清除上面 2 个 div 中的第三个 div?

javascript - 如何使用 javascript 更改 HTML 中不匹配单词的颜色

html - 整个网站响应但仍然可以向右滚动