在 - VoidCC

HTML页面中消失文本我刚开始使用的jsfiddle使这个（https://jsfiddle.net/travism2006/tp2y5pvu/1/）在

body .main .leftAd { 
 
    border: 4px red dashed; 
 
    width: 160px; 
 
}

<a href="#main">Skip Links</a> 
 
<div class="header"> 
 
    <ul> 
 
    <li><a>Coding</a> 
 
    </li> 
 
    <li><a>Web Tech</a> 
 
    </li> 
 
    <li><a>Data Fun</a> 
 
    </li> 
 
    <li><a>Robotics</a> 
 
    </li> 
 
    </ul> 
 
</div> 
 
<div class="leftAd">sss</div>

有人能解释为什么 'SSS' 消失+边框没有显示？

来源

2016-08-20 tmm

广告拦截..... – j08691

-1

HTML：

<a href="#main">Skip Links</a> 
    <header> 
     <ul> 
       ... 
     </ul> 
    <\header> 
<div class="left-ad"><p>sss</p></div>

<aside class="left-ad">sss</aside>

我建议你回去通过你的代码，因为有很多问题需要加以解决，如果你想了解语义问题它更好。文森特所说的可能会起作用，但这不是最好的解决方案。此外，添加到HTML5中的新语义元素可以减少一些代码并使代码更易于理解。它不得不反复使用div和文本元素。不要使用div元素，而应该使用标题和可以分别用于标题和广告的语义元素。你可以像你一样使用简单的CSS来浮动每个CSS。最后，你不应该自己命名左右类的属性。这是非常普遍的，它让你的代码难以辨别。我使用.left-ad和.right-ad，它工作得很好。如果您有任何其他问题，我在这里提供帮助。理解这些概念非常重要，以便让代码更易于阅读，稍后进行调试，并使您能够真正理解编写后的语义。

当我打开你的小提琴时，HTML缺乏很多内容。特别是，这里出现的sss，但不是在你的js小提琴。当一个div在你的情况下没有内容时，它就会自行崩溃，这就是为什么你会看到一条扁平的红线，因为顶部和底部的边界彼此重叠。为了使更多的空间用于增加SSS容器只需添加自定义的填充值等

<div class="main"></div>

来源

2016-08-20 18:18:58

我对你的答案感谢，现在我的HTML更具可读性正如你所指出。另外，我拿出了我的课，留下了'放在'标签。我刚更新了小提琴（https://jsfiddle.net/travism2006/tp2y5pvu/3/）。 – tmm

这实际上是为什么div消失的答案？ – j08691

我用小提琴玩弄了一下，发现我的广告拦截器添加了'display：none'。到其中包含“Ad”子字符串的元素。

将元素从'leftAd'和'rightAd'重命名为'left'和'right'，使它们按照您的预期显示。

来源

2016-08-20 17:40:06

在

回答

相关问题