小编REV*_*NMC的帖子

有人能帮忙吗？我不希望文本溢出到左侧.我需要<p>自动添加换行符.

这是CSS:

article {
    padding: 5px;
    margin: 1px 0px;
    border: 2px solid #4afbd9;
    float: left;
}

和HTML:

<article id="the_article">
  <h1>Hello guys </h1>
    <p>wefeasdfasdfasdfaewgewtawerrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrfgrrrrrrrrrrrrrrrrdgdsffgsdfgsdfgsdfgsdfggsdfgsdfgsdfsdfgsdfgsdfggsdfgsdfgsdfrrrrrrdg</p>
</article>

这是HTML

<li id="nav1" class="navs"><a unselectable="on" draggable="false" class="Navigation" href="http://youtube.com">YouTube</a></li>

这是CSS

.navs:after {
  content: "";
  position: absolute;
  top: 0;  left: 0;  right: 0;  bottom: 0;
  background: #0d0d0d;
  opacity: 0.5;
  transform: scaleY(0);
  transform-origin: 0 100%;
  transition: all .2s ease-out;
}
.navs:hover:after{
  transform: scaleY(1);
}
.navs:active:after{
    background: #FFFFFF;
}

我认为我无法点击按钮的原因是因为当我点击按钮时,叠加形式.我不想删除叠加层.有没有办法点击叠加层？