为什么HTML左边栏被挤到右边,为什么我的侧边导航栏设置position:fixed后,右边的内容全部跑到左边来了,怎么解决,我目的是让侧边栏背景颜色跟随页面高度...
源自:4-1 编程挑战
为什么我的侧边导航栏设置position:fixed后,右边的内容全部跑到左边来了,怎么解决,我目的是让侧边栏背景颜色跟随页面高度
某管理系统
body{
margin-top:50px;
}
.sidebar{
background-color:#e5e5e5;
position:fixed;
top:51px;
bottom:0px;
}
.sidebar ul{
margin-top:20px;
}
.grid{
margin-top:10px;
}
.progress{
margin-top:10px;}
Toggle navigation
某管理系统
- 首页(current)
功能
- Chrom
- Firefox
- Opera
- Safari
- IE
- 帮助
登录
- 首页
- 信息建立
- 信息查询
- 信息管理
- 设置
- 帮助
管理控制台
Default
Primary
Success
Info
Warning
Danger
24
订单审批
26
收款确认
14
付款确认
#产品数量总金额业务员
1Apple Macbook Air1080000王小贱2Apple iPad Air2065000尹开花3Apple Macbook pro550000刘老根
查看详情>>
水井挖掘工程
60% Complete
基建工程
60% Complete
提问者:qq_小河_1
2016-03-25 09:03
为什么HTML左边栏被挤到右边,为什么我的侧边导航栏设置position:fixed后,右边的内容全部跑到左边来了,怎么解决,我目的是让侧边栏背景颜色跟随页面高度...相关推荐
- android 通知栏背景颜色跟随app导航栏背景颜色变化而变化
原文地址为: android 通知栏背景颜色跟随app导航栏背景颜色变化而变化 通知栏(notification)背景颜色跟随app导航栏(top title)背景颜色变化而变化. 这也叫沉浸式状态栏 ...
- layui隐藏侧边栏_layui禁用侧边导航栏点击事件的处理方法
layui是一款优秀的前端模块化css框架.我用layui做过两个完整的项目,对她的感觉就是,这货非常适合做后台管理界面,且基于jquery,很容易上手.当然,她最大的优点我觉得还是她的模块化方式,相 ...
- 【源码分享】jquery+css实现侧边导航栏
jquery+css实现侧边导航栏 最近做项目的时候,突然想用一个侧边导航栏,网上找了几个插件,有的太丑而且不太符合我的预期.与其修改别人的代码,不如自己来写一个了.废话不多说先上图,感兴趣的请继续看 ...
- html怎么设置顶部导航栏,互联网常识:CSS+HTML如何实现顶部导航栏
本篇文章给大家介绍一下CSS+HTML实现顶部导航栏的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 导航栏的实现.固定顶部导航栏.二级菜单实现 效果图: 最近在使用这个导航栏 ...
- 简单记录—vue 用js方法实现侧边导航栏联动选择
侧边导航栏有两个功能要实现: 1.选择任意一条页面滚动到指定目录位置 2.页面内容滚动侧边栏跟随一起滚动 页面结构部分,根据数据循环写一个ul > li,生成侧边目录 <ul>< ...
- ldaptemplate 分页_UI设计干货分享:设计语言 - 侧边导航栏/分页
原文作者:罗耀_UI 侧边导航栏.分页.步骤条的绘制方法 不管是做设计(感性)还是设计规范(理性),都是仁者见仁智者见智的,都很主观.我是想阐述出自己的想法供大家参考,文章中的数值也不是固定标准,还是 ...
- html中关于侧边导航栏和导航栏的编写
侧边导航栏 <style>.box{width: 50px;height: 50px;background-color: #483957;transition: width .5s,bac ...
- html5导航栏悬浮置顶,(微信小程序)导航栏悬浮吸顶以及置顶的设置
前言 最近在做小程序的项目,遇到一些问题放在这里,一来作为自己经验收集册,收集自己的项目遇到的问题或者做的东西:二来将自己遇到的问题经验分享出来 前景提要 吸顶功能页面设置在静态的首页,作为一个首页展 ...
- css中侧边导航栏怎么隐藏,CSS3手机侧边导航栏滑动隐藏特效
[温馨提示]源码包解压密码:www.youhutong.com 效果图: 描述说明: 共4种CSS3手机侧边导航栏滑动隐藏特效 1.默认的点击滑动侧边栏菜单效果. 2.带3D transforms的滑 ...
最新文章
- 项目经理修炼手册 2.1.2 项目经理的基本功
- oracle10.2 管理工具,Oracle 10.2.0.5 EM管理器的BUG
- python dump函数_python 处理 json 四个函数dumps、loads、dump、load的区别
- EasyUI中分页的简单使用
- C#——Ellipse(椭圆)类[继承Ellipse(椭圆)类重构Circle(圆)类]
- extern “C”
- 在Linux和Windows的Docker容器中运行ASP.NET Core
- 面试加分项!程序员工作2年月薪12K,附架构师必备技术详解
- 使用的组件:ckeditor
- 软件工程第一次结对编程
- 基于JAVA+Servlet+JSP+MYSQL的图书馆座位预约系统
- GitBook是一个命令行工具(Node.js库),我们可以借用该工具使用Github/Git和Markdown来制作精美的图书,但它并不是一本关于Git的教程哟。...
- java国际化 英语的标识符_(转)Java 国际化
- 【机器人】项目疑难杂症
- python项目结构目录结构_python 项目目录结构
- 免费好用的视频格式转换器是哪个呢
- 『开发』小程序通过易班接口登陆并请求数据
- Digital Radiography厂家
- 互联网软件开发和传统软件开发的不同(转型互联网开发需要适应的那些事)
- Android-工作遭遇-URLConnection原生请求http和https忽略证书