不让 DIV 变形
答案:6 悬赏:40 手机版
解决时间 2021-04-26 03:35
- 提问者网友:王者佥
- 2021-04-25 13:52
我做的网页DIV要随浏览器大小而变动宽度的,用UL做了一排按钮但浏览器缩小到比这块按钮小的时候会自动变没掉不会出现下面的滚动条,请问谁知道怎么设置样式
最佳答案
- 五星知识达人网友:风格不统一
- 2021-04-25 14:55
第一个问题:菜单消失的问题。
body { margin: 0px; min-width:700px; //设置最小宽度为700px,小于这个宽度的时候会自己加滚动条
width:100%;}.background{ background-image: url('/images/back.gif'); height: 55px; background-repeat:repeat-x; padding-right: 6px; padding-left: 8px; overflow: hidden;}
第二个:rqcenter动态改变大小用JS<div class="rqcenter" id="rqcenter"> //给它加个ID。
<script> window.onload=function(){ //初始载入时设置rqcenter的宽度为 body的宽度 -(6+8+8+9) document.getElementById('rqcenter').style.width=document.body.clientWidth-31; } window.onresize=function(){
//窗口大小改变时,修改rqcenter的宽度
document.getElementById('rqcenter').style.width=document.body.clientWidth-31; } </script>
body { margin: 0px; min-width:700px; //设置最小宽度为700px,小于这个宽度的时候会自己加滚动条
width:100%;}.background{ background-image: url('/images/back.gif'); height: 55px; background-repeat:repeat-x; padding-right: 6px; padding-left: 8px; overflow: hidden;}
第二个:rqcenter动态改变大小用JS<div class="rqcenter" id="rqcenter"> //给它加个ID。
<script> window.onload=function(){ //初始载入时设置rqcenter的宽度为 body的宽度 -(6+8+8+9) document.getElementById('rqcenter').style.width=document.body.clientWidth-31; } window.onresize=function(){
//窗口大小改变时,修改rqcenter的宽度
document.getElementById('rqcenter').style.width=document.body.clientWidth-31; } </script>
全部回答
- 1楼网友:不想翻身的咸鱼
- 2021-04-25 19:02
那你干脆自始自终隐藏滚动条:
html{overflow-x:hidden;}
如果在窗口缩小到指定的大小才隐藏滚动条,那就要用JS,而不是CSS了。
- 2楼网友:神鬼未生
- 2021-04-25 17:36
规定了页面的大小就不会出现这样的情况了。(你用的是100%吧!)
- 3楼网友:一秋
- 2021-04-25 16:46
<Div style="wight=90px;height=100px"></Div>用这种方式就不会
- 4楼网友:杯酒困英雄
- 2021-04-25 15:52
你肯定把宽度设置成百分比了吧 设置成固定像素950px试试
- 5楼网友:动情书生
- 2021-04-25 15:05
DIV大小用像素规定下下试下
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯