UC知道css+div 左右 定位 与缩放 在线等（500分）
来源：百度知道 编辑：UC知道 时间：2024/05/13 07:45:00
用CSS +DIV 做网页布局遇到一个问题！
左边是200px 固定宽度
右边要的是可以根据屏幕可以自动缩放尺寸的！（可以适用与宽屏）
请问这个div 怎么定位？
我试过 左边 用绝对定位，然后右边 用margin-left
效果是实现了 但还是不是很理想，因为 如果 右边的内容少了 下面的东西就上来了 就回和左边的 绝对定位内容叠加在一起了！
后来我用相对定位 右边是就往下跑！
我想问问有什么更好的方法！
有点话就请简单的写写代码 谢谢
对不起啊 只能 最高200分！
如果我采纳了 我在 追加分数
左边是200px 固定宽度
右边要的是可以根据屏幕可以自动缩放尺寸的！（可以适用与宽屏）
请问这个div 怎么定位？
我试过 左边 用绝对定位，然后右边 用margin-left
效果是实现了 但还是不是很理想，因为 如果 右边的内容少了 下面的东西就上来了 就回和左边的 绝对定位内容叠加在一起了！
后来我用相对定位 右边是就往下跑！
我想问问有什么更好的方法！
有点话就请简单的写写代码 谢谢
对不起啊 只能 最高200分！
如果我采纳了 我在 追加分数
<STYLE type=text/css>
body{
padding: 0;
margin: 0;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
line-height: 140%;
background:#E7DFD3;
}
#middle{
background:#FFFFFF;
text-align:left;
position: relative;
height: 700px;
}
#header,#footer{
background: #E8E8E8;
width: 100%;
text-align:center;
}
#sideleft{
position: absolute;
padding-right: 150px;
word-break:break-all;
overflow:hidden;
table-layout:fixed;
}
#sideright{
width: 150px;
background: #F0F0F0;
float: right;
}
#footer{
clear:both;
}
h1,h2,address,p{
margin: 0;
padding: .8em;
}
h1,h2{font-size: 20px;}
</STYLE>
<SCRIPT type=text/javascript>
// <!