时间戳

首页 > 解决方案 > 如何使溢出显示在我的网站上（我知道溢出属性）..？

html - 如何使溢出显示在我的网站上（我知道溢出属性）..？

问题描述

这是在线聊天，这里是我的客户端代码的摘要：

.msgln {
    margin: 0 0 2px 0;
    padding: 0.5%;
    border: 3px solid #eee;
}

#chatbox {
    text-align: left;
    margin: 0 auto;
    margin-bottom: 25px;
    background: #fff;
    height: 50%;
    width: 100%;
    overflow: auto;
    background-color: white;
}
<div id="chatbox" style="list-style: none;">
  <li>
    <div class="msgln" data-user="Example">(current date)<b>Example</b>: <br/>The quick brown fox jumped over the lazy dog.
    </div>
  </li>
</div>

滚动不会出现在里面#chatbox，只是在整个页面上，这意味着您必须向上滚动到顶部才能看到页面标题（和退出按钮），然后再向下滚动到底部才能看到新消息。

标签： htmlcss

解决方案

我似乎无法重现您的问题，但您尝试过overflow:hidden吗？

推荐阅读