css - 如何制作 100% 高度的列分隔线

标签 css

确定主要内容和侧边栏的基本设置,它们之间应该有一条细线。有没有办法用纯 css 制作它?

<row>
<div span6>
<div span1 divider>
<div span5>
</row>

那么分隔线应该是一根细线并且高度为 100%?我知道我可以在 jquery 中设置高度或者只是跳过它但只是想知道...

最佳答案

我的意见 - 如果使用 border-left 没有固定的高度(.row),则只能使用重复的背景图像。 (.row 中的一些点和repeat-y)

关于css - 如何制作 100% 高度的列分隔线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10463893/

相关文章:

javascript - 将鼠标悬停在表格单元格上时弹出窗口 html javascript

javascript - 将 css 添加到 jquery 子元素

css - 有一个完整的 <div> float 权利,其中包含一个 <p> 元素和一个 <a> 元素

html - 如何对齐多个 float 元素

css - 图像的透明度与框阴影不能很好地协同工作

html - 强制文本在没有宽度的情况下换行到 div 中

html - 是否可以使用纯 CSS 更改滚动上的此 div 颜色?

css - href 因悬停过渡而移动

javascript - 悬停文本上的 slider

CSS 绝对位置元素扩展背景