源自: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

最新提醒
提示您的订单(2014001)已审批通过
提示您的订单(2014002)在审批通中
提示您的订单(2013002)未通过

我的任务
  • 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后,右边的内容全部跑到左边来了,怎么解决,我目的是让侧边栏背景颜色跟随页面高度...相关推荐

  1. android 通知栏背景颜色跟随app导航栏背景颜色变化而变化

    原文地址为: android 通知栏背景颜色跟随app导航栏背景颜色变化而变化 通知栏(notification)背景颜色跟随app导航栏(top title)背景颜色变化而变化. 这也叫沉浸式状态栏 ...

  2. layui隐藏侧边栏_layui禁用侧边导航栏点击事件的处理方法

    layui是一款优秀的前端模块化css框架.我用layui做过两个完整的项目,对她的感觉就是,这货非常适合做后台管理界面,且基于jquery,很容易上手.当然,她最大的优点我觉得还是她的模块化方式,相 ...

  3. 【源码分享】jquery+css实现侧边导航栏

    jquery+css实现侧边导航栏 最近做项目的时候,突然想用一个侧边导航栏,网上找了几个插件,有的太丑而且不太符合我的预期.与其修改别人的代码,不如自己来写一个了.废话不多说先上图,感兴趣的请继续看 ...

  4. html怎么设置顶部导航栏,互联网常识:CSS+HTML如何实现顶部导航栏

    本篇文章给大家介绍一下CSS+HTML实现顶部导航栏的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 导航栏的实现.固定顶部导航栏.二级菜单实现 效果图: 最近在使用这个导航栏 ...

  5. 简单记录—vue 用js方法实现侧边导航栏联动选择

    侧边导航栏有两个功能要实现: 1.选择任意一条页面滚动到指定目录位置 2.页面内容滚动侧边栏跟随一起滚动 页面结构部分,根据数据循环写一个ul > li,生成侧边目录 <ul>< ...

  6. ldaptemplate 分页_UI设计干货分享:设计语言 - 侧边导航栏/分页

    原文作者:罗耀_UI 侧边导航栏.分页.步骤条的绘制方法 不管是做设计(感性)还是设计规范(理性),都是仁者见仁智者见智的,都很主观.我是想阐述出自己的想法供大家参考,文章中的数值也不是固定标准,还是 ...

  7. html中关于侧边导航栏和导航栏的编写

    侧边导航栏 <style>.box{width: 50px;height: 50px;background-color: #483957;transition: width .5s,bac ...

  8. html5导航栏悬浮置顶,(微信小程序)导航栏悬浮吸顶以及置顶的设置

    前言 最近在做小程序的项目,遇到一些问题放在这里,一来作为自己经验收集册,收集自己的项目遇到的问题或者做的东西:二来将自己遇到的问题经验分享出来 前景提要 吸顶功能页面设置在静态的首页,作为一个首页展 ...

  9. css中侧边导航栏怎么隐藏,CSS3手机侧边导航栏滑动隐藏特效

    [温馨提示]源码包解压密码:www.youhutong.com 效果图: 描述说明: 共4种CSS3手机侧边导航栏滑动隐藏特效 1.默认的点击滑动侧边栏菜单效果. 2.带3D transforms的滑 ...

最新文章

  1. 项目经理修炼手册 2.1.2 项目经理的基本功
  2. oracle10.2 管理工具,Oracle 10.2.0.5 EM管理器的BUG
  3. python dump函数_python 处理 json 四个函数dumps、loads、dump、load的区别
  4. EasyUI中分页的简单使用
  5. C#——Ellipse(椭圆)类[继承Ellipse(椭圆)类重构Circle(圆)类]
  6. extern “C”
  7. 在Linux和Windows的Docker容器中运行ASP.NET Core
  8. 面试加分项!程序员工作2年月薪12K,附架构师必备技术详解
  9. 使用的组件:ckeditor
  10. 软件工程第一次结对编程
  11. 基于JAVA+Servlet+JSP+MYSQL的图书馆座位预约系统
  12. GitBook是一个命令行工具(Node.js库),我们可以借用该工具使用Github/Git和Markdown来制作精美的图书,但它并不是一本关于Git的教程哟。...
  13. java国际化 英语的标识符_(转)Java 国际化
  14. 【机器人】项目疑难杂症
  15. python项目结构目录结构_python 项目目录结构
  16. 免费好用的视频格式转换器是哪个呢
  17. 『开发』小程序通过易班接口登陆并请求数据
  18. Digital Radiography厂家
  19. 互联网软件开发和传统软件开发的不同(转型互联网开发需要适应的那些事)
  20. Android-工作遭遇-URLConnection原生请求http和https忽略证书

热门文章

  1. 小明用Python开发一个 【暴力破解压缩文件zip密码】,省了250块钱!
  2. Flyio封装API接口(uniapp开发微信小程序)
  3. 李开复:给中国学生的一封信
  4. utf8 与 utf8mb4
  5. excel手机版_换手机哪个手机备份软件可以备份备忘录?推荐敬业签云同步便签
  6. nginx安装及其配置详细教程
  7. golang的unsafe包
  8. 如何用虚拟打印机将其他文件(word,excel,ppt等)转换为PDF
  9. 苹果 iAd 编程相关资料
  10. Win10系统无法启动werfault.exe的解决方法教学