如何控制div自动适应屏幕大小
发布网友
发布时间：2022-04-28 16:03
共4个回答
热心网友
时间：2022-04-21 10:11
<style>
.qwe1{width:200px;float:left;border:1px solid green}
.qwe3{}
.qwe2{width:200px;float:right;border:1px solid red}
</style>
<div class="qwe1"></div>
<div class="qwe3"></div>
<div class="qwe2"></div>追问抱歉，你的方法是不可行的。。。。。
qwe3的样式还是没弄 这样qwe3无法自动改变大小 而且qwe3一旦写了东西 还会改变qwe2的样式
热心网友
时间：2022-04-21 11:29
<body>
<style>
body{margin:0px;padding:0px;}
.qwe1{width:200px;height:5px;border:1px solid;float:left;}
.qwe2{width:100%;height:5px;border:1px solid;}
.qwe3{width:200px;height:5px;border:1px solid;float:right;}
</style>
<div class="qwe1"></div>
<div class="qwe3"></div>
<div class="qwe2"></div>
</body>
热心网友
时间：2022-04-21 13:04
用table啦。
如果你就只用样式的话，难度还挺大的。
热心网友
时间：2022-04-21 14:55
body{
position:relative;
}
.qwe1{
float:left;
width:200px;
background:#F00;
}
.qwe2{
width:200px;
float:right;
background:#0F0;
}
.qwe3{
position:absolute;
background:#00F;
top:0;
left:200px;
right:200px;
}追问很好的解决了我的问题 但是又出现个问题就是ie6中间那块不好
