+ -
当前位置:首页 → 问答吧 → 页面布局,1024不显示,宽屏显示问题。

页面布局,1024不显示,宽屏显示问题。

时间:2011-04-26

来源:互联网

B区域 A区域 C区域
页面布局是这样的。A区域宽度1002px。B,C宽度都为130px,里面的内容可能是图片或文字。

要求:当浏览器为1024*768时,只显示A区域。当时宽屏时,显示ABC三个区域。页面居中显示。

我的想法是下面这样,但是怎么改都不行。求高手帮忙:
HTML code
<html>
<head>
    <title></title>
</head>
<body style="margin: 0px; padding: 0px;">
    <div style="width: 1002px; height: 500px; background-color: #dddddd; border: 1px solid red;
        margin: 0px auto; position:relative;">
        <div style="position: absolute; top: 0px; left: -130px;border:1px solid blue;">
            这里是一张图片或者给此div设置背景
        </div>
        <div style="position: absolute; top: 0px; right: -130px; background-color: red; width: 100px;">
            这里是一张图片或者给此div设置背景
        </div>
    </div>
</body>
</html>



作者: sunnj87   发布时间: 2011-04-26

作者: sunnj87   发布时间: 2011-04-30

做成 全div 然后用css做判断 动态切换

作者: fengyarongaa   发布时间: 2011-04-30

朋友,您是不是想多了哟?

作者: wwtbless   发布时间: 2011-04-30