Div溢出

时间:2015-06-09 20:29:54

标签: html overflow

我在这里创建了一个jsfiddle:

http://jsfiddle.net/sawaira/owkvq9bo/8/

    <table>
        <tr>
            <td class="navbar-text">RunAs:</td>
            <td>
                <input type="text" id="RunAs" class="form-control" value="" onchange="onchangeRunAs()" onkeypress="searchKeyPress(event)" />
            </td>
            <td>
                <ul class="nav navbar-nav navbar-right">

                    <li class="navbar-text">
                                    </li>
                    <li>
                        <a href="/Account/SignOut">Sign out</a>
                    </li>
                </ul>
            </td>
        </tr>
    </table>

                </div>
            </div>
        </div>
        <div style="float:left; background-color:#222222; height:100%; width:70px; position:fixed;">
            <br />


                        <center><a href="/Home/abc"><img src="../../Content/images/.png" title="abc" /></a></center><br /><br />
            <center><a href="/Home/adfadf"><img src="../../Content/images/time.png" title="adfa-Balance" /></a></center><r />
           />
          />

        </div>
        </div>
        <div class="container body-content" id="content" style="margin-left:70px;width:1700px">
            <table cellpadding="0">
                <tr valign="bottom">
                    <td><img src="../../Content/images/cal48.png"></td>
                    <td><h2><span class="label label-primary">My Personal Dashboard</span></h2></td>
                </tr>
            </table>

<body>



   <div >
        <!-- This is the HTML element that will be used to render the KeyLines component -->

        <div id="page" class="pagestyle">
        </div>



        <div style="position:relative;height:700px; width:1500px;">
                <div id="loading" style="position:absolute;height:700px; width:1200px;">                  
                    <marquee id="loading-image" behavior="alternate" scrollamount="30">Initializing</marquee>
                </div>
                <div id="kl" style="position:relative;height:700px; width:1200px;float:left;border: 2px solid #0094ff;overflow:hidden" class="listControl" >  
                    <div style="clear:both;"></div>
               </div>

基本上,在滚动时,蓝色边框与导航栏重叠。我不希望这种情况发生,但不确定是什么原因。

我无法将高度/宽度更改为自动,因为它必须满足一些要求。否则页面不会正确显示内容。

非常感谢所有帮助。

0 个答案:

没有答案