小编Use*_*ser的帖子

如何在div底部修复滚动条？

我正在做一个简单的聊天应用程序,我想在底部修复一个div的滚动条.就像这样在此输入图像描述

加载索引页面时,滚动条必须位于底部

这是我的style.css

body{
font: 0.9em monospace;
}
   .messages{
    border: 1px solid #ccc;
    width: 250px;
    height: 210px;
    padding: 10px;
    overflow-y:scroll;

}
.message{
    color: slategrey;

}
 .message p{
    margin: 5px 0;
}
.entry{
   width: 260px;
   height: 40px;
   padding: 5px;
   margin-top: 5px;
   font: 1em fantasy;

}

Run Code Online (Sandbox Code Playgroud)

这是我的index.php

<?php
session_start();
$_SESSION['user'] = (isset($_GET['user']) === TRUE) ? (int) $_GET['user'] : 0;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
      <link rel="stylesheet" href="css/styles.css"></link>
  </head>
   <body>
      <div class="chat">
           <div class="messages" id="messages">
           </div> …

Run Code Online (Sandbox Code Playgroud)

css jquery

Use*_*ser

lucky-day

16
推荐指数

2
解决办法

4万
查看次数