Html 使滚动文本位于正确的方框中/

祝大家新年快乐

我有一个问题无法回答。我有12个div设置在一个4×3向下的布局中。我刚刚给第5栏编了一个附件，但滚动文本在页面底部，我不知道如何让它在第5栏中对齐（票证待定）。我的css技能不足，需要一些帮助

这是我能够用inspect元素捕获的代码

    { inline style
        position: relative;
        overflow: hidden;
    }

    #pscroller1 {
        width: 370px;
        height: 120px;
        border: 1px solid black;
        padding: 5px;
        background-color: lightyellow;
    }

    //code from CSS file
    body {
    background-color: #d0e4fe;
    font-family: 'HP Simplified', Arial, Verdana, Helvetica, Sans-serif;
    }
    p#lastRun{
    font-family: Garamond, 'Times New Roman', Georgia, serif;
    font-variant: small-caps;
    //font-weight: bold;
    font-size:1.5em;
    text-align:center;
    background-color: black;
    color: white;
    }

    h1 {
    color: orange;
    text-align: center;
    }
    a {color:#7FFFD4;
    }

    #mHeader, #mHeader2{
    text-align: center;
    font: Georgia, Times, serif;
    font-size: small;
    //font-weight: bold;
    }

    /* squares configuration */

     #squareBox {
    margin-left: auto;
    margin-right: auto;
    width: 1568px;
    height: 700px;
    //border: 2px solid #73AD21;
    //border-radius: 10px;
    //background: url(paper.gif);
    background-color: tan;
    }
    #square1, #square2, #square3, #square4, #square5, #square6, #square7,               #square8, #square9, #square10, #square 11, #square12{
    background-color: WhiteSmoke;
    width: 386px;
    height: 203px;
    outline-style: solid;
    outline-width: 1px;
    outline-color: green;
    margin-left: 5px;
    text-align: center;
    }
    #square1{
    float: left;
    margin-top: -15px;
    }
    #square2{
    float: left;
    margin-top: -15px;
    }
    #square3{
    float: left;
    margin-top: -15px;
    }
    #square4{
    float: left;
    margin-top: -15px;
    }
    #square5{
    float: left;
    margin-top: 10px;
    }
    #square6{
    float: left;
    margin-top: 10px;
    }
    #square7{
    float: left;
    margin-top: 10px;
    }
    #square8{
    float: left;
    margin-top: 10px;
    }
    #square9{
    float: left;
    margin-top: 10px;

    }
    #square10{
    float: left;
    margin-top: 10px;
   }
   #square11{
    float: left;
    margin-top: 10px;
    }
    #square12{
    float: left;
    margin-top: 10px;

    }
    .sqHeader{
    font-weight: bold;
    font-variant: small-caps;
    text-align: center;
    }

    /* Table configuration */

    th{
    font-size: small;
    font-variant:small-caps;
    background-color: Wheat;
   }
   table, td, th{
    margin: 1em; border-collapse: collapse;
    border: 1px solid black;
    padding: .15em; 
    margin-top: 2px;
    font-size: 100%;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    }
    tbody tr:nth-child(even) {
    background-color: #F8F8F8 ;
    }
    tbody tr:nth-child(odd) {
    background-color: #99FFCC;
    }
     tbody tr:hover {
    background-color: #c9f;
    }

    #dataContainter, #rightNavBar, #leftNavBar{
    height: 580px;
    outline-style: solid;
    outline-width: 1px;
    outline-color: green;
    }
    #leftNavBar , #rightNavBar {
    width: 146px;
    background-color: light-gray;
    font-size: 74%;
    }
    #leftNavBar {
    float: left;
    }
    #rightNavBar {
    float: right;
    }
     #filterButton{
    margin-left: auto;
    margin-right: auto;
    }

.statusGray {
    background-color: gray;
    }

    .statusRed {
    background-color: red;
    color: white;
    font-weight: bold;
    text-decoration: blink;
    }
    .statusYellow{
    background-color: yellow;
    color: black;
    font-weight: bold;
    }
    .statusGreen{
    background-color: green;
    color: white;
    font-weight: bold;
    }
    .statusBlue{
    background-color: blue;
    color: white;
    font-weight: bold;
    }
    .regionRed {
    background-color: #FF6600;
    }


     #displayResults  tr:hover {
    background-color: #FFFF00;
    }
    #customers tr.alt td {
    color: #EAF2D3;
    background-color: #000000;
    };
    input:focus {
    background-color: yellow;
    }
    button:hover {
    background-color: blue;
    color: white

    }
    .dEntry:focus, .qSearch:focus {
   background-color: #99FFFF;
   }
    .dEntry, .data {
   font-family: 'HP Simplified', Arial, Verdana, Helvetica, Sans-serif;
   //font-weight: bold;
   //font-size: 80%;
   //color: blue;
    }
    /*****************************************************
     * generic styling for ALS elements: outer container
     ******************************************************/

    /*Example CSS for the two demo scrollers*/

    #pscroller1{
    width: 370px;
    height: 120px;
    border: 1px solid black;
    padding: 5px;
    background-color: lightyellow;
    margin-bottom: 50px;
    }

    #pscroller2{
    width: 700px;
    height: 20px;
    border: 1px solid black;
    padding: 3px;

    }

    #pscroller2 a{
    text-decoration: none;
    }


    .someclass{ //class to apply to your scroller(s) if desired
    }

    // code from html file
    <body>
        <div id="squareBox">

        <div id="square1">
            <span class="sqHeader">  Ticket Monitor</span>
            <table id="A3">
                <th>Response</th>
                <th>Longest-Queued</th>
                <th>Status</th>
                <th>#</th>
                <tbody id="a3Data"></tbody>
            </table>
        </div>
        <div id="square2">
            <span class="sqHeader"> Unclaimed Jobs Monitor</span>
            <table id="xerox">
                <th>Response</th>
                <th>Longest-Queued</th>
                <th>Status</th>
                <th>#</th>
                <tbody id="xeroxData"></tbody>
            </table>
        </div>
        <div id="square3">
            <span class="sqHeader">Monitor</span>
            <table id="d3">
                <th>Response</th>
                <th>Longest-Queued</th>
                <th>Status</th>
                <th>#</th>

                <tbody id="Data3"></tbody>
            </table>
        </div>
        <div id="square4">
            <span class="sqHeader"> 2Hr Monitored by Marques (CA)-</span>
            <table id="d4">
                <th>Response</th>
                <th>Longest-UnTouched Ticket</th>
                <th>Status</th>
                <th>#</th>
                <tbody id="kaiserData"></tbody>
            </table>
        </div>
        <div id="square5">
            <span class="sqHeader">C 1-Hour Callback Monitor</span>
            <table id="d5">
                <th>Minutes</th>
                <th>Longest-Queued</th>
                <th>Status</th>
                <th>#</th>
                <tbody id="cdwHpgData"></tbody>
            </table>
        </div>
        <div id="square6">
            <span class="sqHeader">Tickets Pending Processing</span>
            <table id="d6">
                <th>Response</th>
                <th>Longest-Queued</th>
                <th>Status</th>
                <th>#</th>
                <tbody id="pscroller1"></tbody> 
            </table>
        </div>
        <div id="square7">
            <span class="sqHeader"> Monitor</span>
            <table id="d7">
                <th>Response</th>
                <th>Longest-Queued</th>
                <th>Status</th>
                <th>#</th>
                <tbody id="Data7"></tbody>
            </table>
        </div>
        <div id="square8">
            <span class="sqHeader">EDI Shared Mail Box Monitor</span>
            <table id="d8">
                <th>Response</th>
                <th>Longest-Queued</th>
                <th>Status</th>
                <th>#</th>
                <tbody id="Data8"></tbody>
            </table>
        </div>
        <div id="square9">
            <span class="sqHeader">Multi-Trips /  Aged Monitor</span>
            <table id="d9">
                <th>Response</th>
                <th>Longest-Queued</th>
                <th>Status</th>
                <th>#</th>
                <tbody id="Data9"></tbody>
            </table>
        </div>
        <div id="square10">
            <span class="sqHeader">#10 Monitor</span>
            <table id="d10">
                <th>Response</th>
                <th>Longest-Queued</th>
                <th>Status</th>
                <th>#</th>
                <tbody id="Data7"></tbody>
            </table>
        </div>
        <div id="square11">
            <span class="sqHeader">#11 Monitor</span>
            <table id="d11">
                <th>Response</th>
                <th>Longest-Queued</th>
                <th>Status</th>
                <th>#</th>
                <tbody id="Data8"></tbody>
            </table>
        </div>
        <div id="square12">
            <span class="sqHeader">#12 Monitor</span>
            <table id="d12">
                <th>Response</th>
                <th>Longest-Queued</th>
                <th>Status</th>
                <th>#</th>

            </table>
        </div>
    </div>
    </body>

{内联样式
位置：相对位置；
溢出：隐藏；
}
#pscroller1{
宽度：370px；
高度：120px；
边框：1px纯黑；
填充物：5px；
背景颜色：浅黄色；
}
//来自CSS文件的代码
身体{
背景色：#d0e4fe；
字体系列：“HP Simplified”、Arial、Verdana、Helvetica、无衬线字体；
}
最后一轮{
字体系列：Garamond，“时代新罗马”，佐治亚州，衬线；
字体变体：小大写字母；
//字体大小：粗体；
字号：1.5em；
文本对齐：居中；
背景色：黑色；
颜色：白色；
}
h1{
颜色：橙色；
文本对齐：居中；
}
a{color:#7FFFD4；
}
#mHeader，#mHeader 2{
文本对齐：居中；
字体：佐治亚，泰晤士报，衬线；
字体大小：小；
//字体大小：粗体；
}
/*正方形配置*/
#方盒{
左边距：自动；
右边距：自动；
宽度：1568px；
高度：700px；
//边框：2px实心#73AD21；
//边界半径：10px；
//背景：url（paper.gif）；
背景颜色：棕褐色；
}
#平方1、平方2、平方3、平方4、平方5、平方6、平方7、平方8、平方9、平方10、平方11、平方12{
背景色：白烟；
宽度：386px；
高度：203px；
轮廓样式：实心；
轮廓宽度：1px；
轮廓颜色：绿色；
左边距：5px；
文本对齐：居中；
}
#平方1{
浮动：左；
利润上限：-15px；
}
#平方2{
浮动：左；
利润上限：-15px；
}
#平方3{
浮动：左；
利润上限：-15px；
}
#平方4{
浮动：左；
利润上限：-15px；
}
#平方5{
浮动：左；
边缘顶部：10px；
}
#平方6{
浮动：左；
边缘顶部：10px；
}
#平方7{
浮动：左；
边缘顶部：10px；
}
#平方8{
浮动：左；
边缘顶部：10px；
}
#平方9{
浮动：左；
边缘顶部：10px；
}
#平方10{
浮动：左；
边缘顶部：10px；
}
#正方形11{
浮动：左；
边缘顶部：10px；
}
#平方12{
浮动：左；
边缘顶部：10px；
}
.sqHeader{
字体大小：粗体；
字体变体：小大写字母；
文本对齐：居中；
}
/*表配置*/
th{
字体大小：小；
字体变体：小大写字母；
背景色：小麦；
}
表，td，th{
边距：1米；边界塌陷：塌陷；
边框：1px纯黑；
填充：.15em；
边缘顶部：2倍；
字体大小：100%；
字体大小：粗体；
左边距：自动；
右边距：自动；
}
t车身tr:n个孩子（偶数）{
背景色：#F8；
}
t车身tr:n个孩子（奇数）{
背景色：#99FFCC；
}
t车身tr：悬停{
背景色：#c9f；
}
#DataContainer、#右导航栏、#左导航栏{
高度：580px；
轮廓样式：实心；
轮廓宽度：1px；
轮廓颜色：绿色；
}
#左导航栏，#右导航栏{
宽度：146px；
背景颜色：浅灰色；
字体大小：74%；
}
#左导航栏{
浮动：左；
}
#右导航栏{
浮动：对；
}
#过滤器按钮{
左边距：自动；
右边距：自动；
}
格雷先生{
背景颜色：灰色；
}
.红色{
背景色：红色；
颜色：白色；
字体大小：粗体；
文字装饰：闪烁；
}
.黄色{
背景颜色：黄色；
颜色：黑色；
字体大小：粗体；
}
.statusGreen{
背景颜色：绿色；
颜色：白色；
字体大小：粗体；
}
.蓝色{
背景颜色：蓝色；
颜色：白色；
字体大小：粗体；
}
区域红{
背景色：#FF6600；
}
#显示结果tr：悬停{
背景色：#FFFF00；
}
#客户tr.alt td{
颜色：#EAF2D3；
背景色：#000000；
};
输入：焦点{
背景颜色：黄色；
}
按钮：悬停{
背景颜色：蓝色；
颜色：白色
}
.dEntry:focus.qSearch:focus{
背景色：#99FFFF；
}
.dEntry，.data{
字体系列：“HP Simplified”、Arial、Verdana、Helvetica、无衬线字体；
//字体大小：粗体；
//字号：80%；
//颜色：蓝色；
}
/*****************************************************
*ALS元素的常规样式：外部容器
******************************************************/
/*两个演示滚动条的CSS示例*/
#pscroller1{
宽度：370px；
高度：120px；
边框：1px纯黑；
填充物：5px；
背景颜色：浅黄色；
边缘底部：50px；
}
#pscroller2{
宽度：700px；
高度：20px；
边框：1px纯黑；
填充：3倍；
}
#pscroller2 a{
文字装饰：无；
}
.someclass{//class，如果需要，可应用于您的滚动条
}
//来自html文件的代码
检票员
回应
最长排队
地位
#
无人认领工作监视器
回应
最长排队
地位
#
班长
回应
最长排队
地位
#
2小时由Marques监控(