作者：温暖白 | 来源：互联网 | 2023-05-19 08:14
1先阐述下情况我要做一个移动web页面（假定屏幕宽度200px），左边有一个菜单div（高度100%，宽度100px），右边div用来显示些数据（高度100%，宽度200px）2我想要的
1 先阐述下情况
我要做一个移动web页面（假定屏幕宽度200px），左边有一个菜单div（高度100%，宽度100px），右边div用来显示些数据（高度100%，宽度200px）
2 我想要的效果
进来以后左边菜单div和右边内容div都显示，但是两个div宽度加起来是300px>200px，所以我想把内容div超出的100px不显示（隐藏）。
之所以加起来大于屏幕宽度，是因为我后面会加个动作，让页面只显示内容div
3 我遇到的问题
问题就是：两个div都显示的时候超出100px，会把页面高度撑高，下面显示一大片空白区域
请各位大神帮忙解决一下这个问题，感激不尽！！
17 个解决方案
divBox
{
overflow-x:hidden;
}
div
{
display:inline-block
}
分析
右边那个div 有2种状态 100宽度 200宽度
那么 你的整个 场景 有2个样式
一个样式 保证右边的div是 100 左面的div显示
一个样式 保证右边的div是 200 左面的div隐藏
剩余就是 在右边的div里面 控制不同宽度时候的 显示
要有层次的设计 不要并列问题
京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有 