目前页面布局结构为 http://jsfiddle.net/hfq8qgjk/
菜单宽度最低为 200px,现在的问题是窗口宽度较低时,右侧的内容会与菜单重叠(可以拖拽窗口宽度来测试)
如何实现右侧的内容永不与菜单重叠?
菜单宽度最低为 200px,现在的问题是窗口宽度较低时,右侧的内容会与菜单重叠(可以拖拽窗口宽度来测试)
如何实现右侧的内容永不与菜单重叠?
1
suinia Jun 7, 2017 那就换算下是 200/0.25*1 = 800;
@media screen and (max-width: 800px) { margin-left:200px} |
2
learnshare Jun 7, 2017
菜单不应该是独立的层,覆盖在文字上么
|
3
liyer Jun 7, 2017
.menu{position:fixed; width:200px; left:0; top:0; bottom:0;}
.content{padding-left:200px;} |