Html 当边框不应为';不可能
我有一个看起来很基本的css问题,不应该成为问题。我有三个部门: (直接从firebug输出。每个div都包含大量内容和嵌套形式的partials(rails),因此下面是一个缩写) 奇怪的是,边框被应用于类的divHtml 当边框不应为';不可能,html,css,border,erb,Html,Css,Border,Erb,我有一个看起来很基本的css问题,不应该成为问题。我有三个部门: (直接从firebug输出。每个div都包含大量内容和嵌套形式的partials(rails),因此下面是一个缩写) 奇怪的是,边框被应用于类的divsymegrid。当我使用firebug检查symegriddiv的计算属性时,没有列出边框。如果我去掉tf属性的边界,则symegrid周围的边界将消失 我怀疑是否有人能给我一个明确的答案,但我已经没有主意了。以前有人见过这种行为吗?如有任何想法/想法,将不胜感激 回应我收到的评论
symegrid
。当我使用firebug检查symegrid
div的计算属性时,没有列出边框。如果我去掉tf属性
的边界,则symegrid
周围的边界将消失
我怀疑是否有人能给我一个明确的答案,但我已经没有主意了。以前有人见过这种行为吗?如有任何想法/想法,将不胜感激
回应我收到的评论:
有人相当公正地建议我把这个问题复制成小提琴之类的东西。我目前正试图在小提琴中重现这一点,但目前还不能。如果我能够这样做,我会发布它(尽管我怀疑复制它可能会给我解决问题所需的信息)您缺少关闭
div标签
看小提琴:“
代码变为:
<div class="dynamic-container person">
<div class="symegrid"></div>
<div class="officer tf-attribute"></div>
<div class="director tf-attribute"></div>
</div>
将html更改为
<div class="dynamic-container person">
<div class="symegrid"></div>
<div class="officer tf-attribute"></div>
<div class="director tf-attribute"></div>
</div>
因此,出于某种原因,
div.officer.tf属性恰好在调整自身大小,以包括div.symegrid
的确切边界,并在下面留下自己的内容。因此,div.symegrid
似乎只有一个边框,因为div.officer.tf属性的内容在两个有边框的div之间进行了sandwitch,所以它本身似乎有边框。(仍然无法用小提琴演奏,但无论如何)
不管怎样,我所需要的只是补充一下
div.tf-attribute{
overflow: hidden;
}
而且一切都好起来了-P感谢每一位好心人把时间花在这些废话上。这样我们才能看到问题。您发布的代码是无效的。请发布正确的代码片段,以便我们提供帮助。部门需要关闭。A在这方面会很有帮助。@SexyTurnip非常公平。我实际上是在试图用小提琴来重现这个问题,但到目前为止我还不能:-如果我弄明白了,P将发布。“我怀疑重现它可能会给我解决问题所需的信息”-通常情况下,即使你不关闭标签,你也不会有3个边界。问题可能是另外一回事,所有部门都关门了。上面的html是firebug的缩写。我将关闭它们以避免混淆。我厌倦了fiddle中的html,它工作得很好,这就是为什么我认为问题是所有div都正确关闭了。我编辑了上面的代码来澄清。另外,div.symegrid
是div.tf-attribute
的兄弟。
<div class="dynamic-container person">
<div class="symegrid"></div>
<div class="officer tf-attribute"></div>
<div class="director tf-attribute"></div>
</div>
div.tf-attribute{
overflow: hidden;
}