求个DIV中间固定,两边自适应的CSS样式
发布网友
发布时间：2022-04-06 11:46
共2个回答
热心网友
时间：2022-04-06 13:16
<div style="width: 25%;height: 100%;float: left;">
<div style="border: 1px solid red;width: 80%;height: 100%;float: left;"></div>
</div>
<div style="width: 50%;height: 100%;float:left;">
<div style="border: 1px solid red;width: 80%;height: 100%;margin: 0px 10%;"></div>
</div>
<div style="width: 25%;height: 100%;float: right;">
<div style="border: 1px solid red;width: 80%;height: 100%;float: right;"></div>
</div>
</div>
先3个大div均固定宽度，左右各25%，中间50%。然后在这3个div中再弄个div。左右的分别左右悬浮，中间的就margin:0px auto居中。这就达到你的效果了
追问不是的，你这个效果只是三个都会随ie变换大小。我要的是中间那块固定宽，当ie缩放时，只变换两边的大小，中间那块不变。当ie到一定大小后（即两边的部分都没有了），再缩小就出现滚动条。不一定要用div，就是要这个效果，我都试了好久了，能不能帮个忙？
追答效果就是这个，你说的三个都会随ie变换大小！！你只需要把两边的width改成auto、中间的固定width就可以了。
热心网友
时间：2022-04-06 14:34
他这种的只要中间div 设margin:auto;就好了。你要的效果我感觉够呛追问是就是要个效果。页面分成左中右三块，中间那块有内容且固定，两边空白，当ie缩小时，中间宽度保持不变，两边的空白宽度减少，当ie宽度跟中间那块宽度一样时（即两边的空白部分都没有了），在缩小就出现滚动条。
追答如我前面所说，中间一块设一个宽度，然后加上margin:auto;就好了。
