Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 当边框不应为';不可能_Html_Css_Border_Erb - Fatal编程技术网

Html 当边框不应为';不可能

Html 当边框不应为';不可能,html,css,border,erb,Html,Css,Border,Erb,我有一个看起来很基本的css问题,不应该成为问题。我有三个部门: (直接从firebug输出。每个div都包含大量内容和嵌套形式的partials(rails),因此下面是一个缩写) 奇怪的是,边框被应用于类的divsymegrid。当我使用firebug检查symegriddiv的计算属性时,没有列出边框。如果我去掉tf属性的边界,则symegrid周围的边界将消失 我怀疑是否有人能给我一个明确的答案,但我已经没有主意了。以前有人见过这种行为吗?如有任何想法/想法,将不胜感激 回应我收到的评论

我有一个看起来很基本的css问题,不应该成为问题。我有三个部门: (直接从firebug输出。每个div都包含大量内容和嵌套形式的partials(rails),因此下面是一个缩写)

奇怪的是,边框被应用于类的div
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;
}