1

<3..我的页面上需要一些帮助..如果我的页面顶部和底部有一个固定的 div，我如何查看我的所有数据。当我调整页面高度时，底部没有特别显示正确.. 示例

<div id="page-container" class="">

     <!------------ content ------------>
     <div id="content" class="">

                <div class="clear"></div>
                <div class="topbox"> 
                <img id="user_image" class="user_image" src="" width="45" height="45"/>
                <span class="nickname" id="nickname"></span>
                </div>
                <div class="message" id="message_container">
                    <div class="messagechat">
                    <ul id="message_area">   
                        somelong data here
                    </ul>
                    </div>

                </div>


                <div class="chatbox">
                    <a href="#" class="pixbtn alignleft"></a>
                    <div class="chat alignleft">
                    <input type="text" name="user" class="text" id="input_area">
                    </div>
                    <a href="javascript:;" class="sendbtn alignright" id="button_send"></a>
                </div>


    </div>
4

2 回答 2

0

我在这里纠正了你的 jsfiddle：http: //jsfiddle.net/c26zd/2/

如果您需要在灰色背景（顶部和底部）和您的内容之间留出一些边距，只需添加例如

#content {
    margin: 10px auto;
}
于 2013-10-19T20:26:16.870 回答
0

我认为最好的方法是你可以用 jQuery 控制页面的高度，换句话说，当页面高度小于例如 200px 时，div（顶部和底部）都被最小化（折叠），现在你应该定义 mouseover 事件当鼠标悬停时，它们都是初始大小（展开）所以在这种状态下，即使页面高度最小，数据也会显示得更好，你应该在调整大小事件中检查高度

$( window ).resize(function() {
  //do something
});
于 2013-10-19T20:46:51.377 回答