Question

我正在尝试为测试网站添加聊天功能。使用float right是完美的，因为如果屏幕变小然后它随之移动，但问题在于它对我来说不是“不够正确”。有没有其他响应方式让聊天更正确？我正在使用bootstrap

以下是聊天HTML代码：

    <div class="chat pull-right" style="width: 30%">
        <div class="panel panel-default">
          <div class="panel-heading"><h3 class="panel-title">Chat</h3></div>
            <div class="chat-messages panel-body">
                <div class="chat-user">
                    <div class="chat-username">James</div>
                    <div class="chat-message">This is a test</div>
                </div>
                <div class="chat-user">
                    <div class="chat-username">David</div>
                    <div class="chat-message">This is a test</div>
                </div>
            </div>
        </div>
    </div>

Answer 1

我不知道你想要的地方有你的聊天框，例如，如果想要总是在右上角或总是在显示的半高处有聊天选项，你可以使用位置绝对和z-index。 PS是什么意思：＆＃34;不够正确＆＃34;？你可以在bootply或小提琴上添加一些屏幕截图或示例。

响应式CSS选项

1 个答案: