Question

在我的Codepen（链接）的第11行，我有以下

 .talk{height:50px; width:370px; position:absolute; right:0; top:0; transform:rotate(40deg); margin-right:-100px;}

这是我最后一次试图将内容溢出隐藏在身体的右侧......

一个名为＆＃34; .talk＆＃34;的div作为一个带子和一个角落位于角落的绝对位置。＆＃34;号召行动＆＃34;

body{overflow:hidden;}

然而

/insights/post_impressions,post_impressions_unique?<id1>,<id2>,<id3>...

隐藏第一个粉红色图标下方的大量内容...如何在不影响页面布局的情况下隐藏色带溢出？

http://codepen.io/gebrutommy/pen/tLHFh?editors=0100

Answer 1

执行此更改

在CSS中

删除body{overflow:hidden;}

添加.text{position: relative; overflow: hidden; }

然后将talk div移动为text的孩子

 <div class="text">
    <div class="mix-text">
      <h1>Gitter</h1>
      <h2>Where developers come to talk</h2>
    </div>
      <div class="talk"><a href="https://gitter.im/tommygebru">LET'S CHAT</a></div>
  </div>

然后添加到

.talk { overflow: hidden;}

完成。

以下是实例：http://codepen.io/mhadaily/pen/YGwpZK

如何隐藏来自我的角落色带div的溢出？

1 个答案: