- 浏览: 1092114 次
文章分类
- 全部博客 (379)
- S2SH (16)
- stuts2 (0)
- java语言 (81)
- JSP (17)
- <html>元素 (11)
- javaweb (4)
- web容器 (3)
- ext (23)
- javaScript (48)
- ant (1)
- liferay (1)
- sql (9)
- css (42)
- 浏览器设置 (3)
- office_world (1)
- eclipse (4)
- 其它 (28)
- 操作系统 (5)
- android (6)
- Struts2 (11)
- RegEx (3)
- mysql (5)
- BigDATA (1)
- Node.js (1)
- Algorithm (10)
- Apache Spark (1)
- 数据库 (5)
- linux (2)
- git (1)
- Adobe (3)
- java语言,WebSocket (1)
- Maven (3)
- SHELL (1)
- XML (2)
- 数学 (2)
- Python (2)
- Java_mysql (1)
- ReactJS (6)
- 养生 (4)
- Docker (1)
- Protocols (3)
- java8 (2)
- 书籍 (1)
- Gradle (2)
- AngularJS (5)
- SpringMVC (2)
- SOAP (1)
- BootstrapCSS (1)
- HTTP协议 (1)
- OAuth2 (1)
最新评论
-
Lixh1986:
Java并发编程:自己动手写一把可重入锁https://blo ...
Java之多线程之Lock与Condition -
Lixh1986:
http://win.51apps.com.cn/https: ...
temp -
ztwsl:
不错,支持很好
HttpServletRequest和ServletRequest的区别 -
guodongkai:
谢谢您能将知识精华汇编总结,让初学者们从原理中学会和提高。
javaScript之function定义 -
kangwen23:
谢谢了,顶顶
struts2中的ValueStack学习
Position: fixed with vertical space
What I have is a rather basic issue with position: fixed.
Here's a sample: http://jsfiddle.net/wxEsY/
What I want is the scrolling to start below the black bar (with a fixed position).
Any help appreciated.
Regards
_______________________________________________________________________
Does this do it?
http://jsfiddle.net/Vqncx/
I just gave the 'content' DIV relative positioning and a y-axis from the top equal to the height of the 'nav' and then gave the 'nav' a z-index to keep it on top of the 'content'.
.nav { width: 100%; height: 50px; background: #000; position: fixed; z-index: 5; } .content { background: #ccc; width: 100%; height: 5000px; position: relative; top:50px; }
_______________________________________________________________________
Add padding to second div equal to height of second div.
.content { padding-top: 50px; background: #ccc; width: 100%; height: 5000px; }
When you say scrolling below the back bar, it sounds like you want the content to begin below the back bar. So add some padding to second div to account for presence of fixed div.
_______________________________________________________________________
-
发表评论
-
Flex之 justify-content 和 flex-direction 的应用
2021-12-23 19:39 302flex 简介: 采用Flex布局的元素,被称为Flex容 ... -
CSS之页面元素飞入效果
2020-04-18 17:50 667效果预览: - https://www.runoob.com ... -
CSS之垂直居中
2020-04-02 10:00 340css里面用text-align:center ... -
Sass之&引用父选择器
2018-08-08 11:29 8239Sass之&引用父选择器 描述: 您可以使用&字符选 ... -
HTML5之canvas之粒子效果
2018-01-26 10:32 1435效果图: JavaScript 代码实现: & ... -
CSS之导航栏设计之 ul 之 li 标签排成一行
2019-06-04 11:11 2297在HTML页面元素设计中, 把具有相同一类功能的列表用 li ... -
HTML5/CSS3鼠标滑过图片滤镜动画效果
2017-12-21 10:54 1283HTML5/CSS3鼠标滑过图片滤镜动画效果 以前我们用CS ... -
CSS之提示框实现
2017-08-02 05:08 1925效果图: 注意以下要点: 1、提示框的箭头效果,且箭头 ... -
Responsive Web Design(自响应式网页设计)
2017-05-28 22:43 1199Responsive Web Design(自响 ... -
css 之 linear-gradient 之 进度条(progress bar)
2017-05-25 18:14 2121CSS 的 linear-gradient() 函数会创建 ... -
在 css 中使用 @font-face
2017-05-24 14:15 518@font-face 允许用户使用自定义的字体。在css中定义 ... -
jQuery之mouseover,mouseover,mouseout,mouseleave
2017-03-14 10:20 621Jquery mouseenter() vs mouseove ... -
css:flex布局
2017-03-13 17:43 856A Complete Guide to Flexbox htt ... -
网站页面配色
2017-01-05 10:12 652导航栏,菜单栏 左侧菜单 导航,底部,选择列表 ... -
BootstrapCSS之Select
2016-10-18 17:00 1037效果图: 代码: <!-- Inclu ... -
CSS样式之带边框的 Anchor(超链接)
2016-10-08 15:19 2867效果图: HTML: <a c ... -
bootstrap css之响应式导航栏
2016-08-29 16:58 16718- 使用 Twitter Bootstrap 3 创建响应式导 ... -
CSS之 white-space : pre
2016-06-15 10:21 943在 github 的代码浏览页面,可以看到这样的 css 样式 ... -
CSS - li 元素显示在一行____ a 元素没有下横线
2016-05-27 20:44 2176原文链接: http://www.w3schools.com/ ... -
CSS - table 圆角 border radius
2016-04-29 12:08 4533效果: 代码: <!DOCTYPE htm ...
相关推荐
white-space:nowrap;overflow:hidden}.bdsug .bdsug-direct p img{width:16px;height:16px;margin:7px 6px 9px 0;vertical-align:middle}.bdsug .bdsug-direct p span{margin-left:8px}.bdsug .bdsug-direct p i{...
- fixed bug with truncate of font size combo-box in Windows Vista/7 in designer (lost of vertical scroll bar) - fixed bug when lost file name in inherited report - fixed bug in multi-page report with ...
1.css的概述 1.问题 ... 2.css的语法规范 1.... 1.... 样式声明:用样式属性和值组成(属性:值;... 属性:background-position: 取值: 1.x y x: 背景图片水平偏移距离 取正向下右 取负向左 y: 背景图片...
- some smaller bugs fixed 3.11.2011 - WPTools 6.21.2 - fix problem with TWPToolButton - improved HTML writer to write parameters in "" - improved display of arabic text 24.10.2011 - WPTools 6.21.1...
space in your mailbox. You can also save the list of attachments into xml/html/text/csv file. System Requirements =================== * Windows 2000/XP/Vista/7/8/2003/2008. * Microsoft Outlook ...
For a process to access 3 GB of address space, the executable image must have been linked with the /LARGEADDRESSAWARE flag or modified using Imagecfg.exe. It should be pointed out that SQL Server was ...
(1) we have cultivated the design idea of combining theory with practice, trained our ability to comprehensively apply the basic theory of mechanical design course and other related courses, analyze ...
Q489457 - Ribbon - TdxRibbonBackstageView - In RAD Studio XE or later, an AV occurs when changing the parent of a currently hidden form with the BackstageView after the form Position property has been...
Q489457 - Ribbon - TdxRibbonBackstageView - In RAD Studio XE or later, an AV occurs when changing the parent of a currently hidden form with the BackstageView after the form Position property has been...
- Disk space: 6 Meg of free hard disk space (plus an additional 10Meg to run the Disk test) - DirectX 9.0c or above software for 3D graphics and video tests (plus working DirectX drivers for your ...
(225KB)<END><br>57,coolbtn.zip This article shows the use of a Push button with a drop down menu, similar to the one found in the Office 2000 suite.(31KB)<END><br>58,CustomButtons.zip A class to...
The device must define an absolute or relative coordi-nate space in at least two dimensions for which it can return position data. The device must have a point-ing ap¬para¬tus or method (such as a ...
12.11.5 background-position属性 369 12.12 文本属性 373 12.12.1 word-spacing属性 373 12.12.2 letter-spacing属性 374 12.12.3 text-decoration属性 374 12.12.4 vertical-align属性 375 12.12.5 text –...
12.11.5 background-position属性 369 12.12 文本属性 373 12.12.1 word-spacing属性 373 12.12.2 letter-spacing属性 374 12.12.3 text-decoration属性 374 12.12.4 vertical-align属性 375 12.12.5 text –...
12.11.5 background-position属性... 369 12.12 文本属性... 373 12.12.1 word-spacing属性... 373 12.12.2 letter-spacing属性... 374 12.12.3 text-decoration属性... 374 12.12.4 vertical-align属性... 375...
12.11.5 background-position属性... 369 12.12 文本属性... 373 12.12.1 word-spacing属性... 373 12.12.2 letter-spacing属性... 374 12.12.3 text-decoration属性... 374 12.12.4 vertical-align属性... 375...
12.11.5 background-position属性... 369 12.12 文本属性... 373 12.12.1 word-spacing属性... 373 12.12.2 letter-spacing属性... 374 12.12.3 text-decoration属性... 374 12.12.4 vertical-align属性... 375...
368 12.11.5 background-position属性... 369 12.12 文本属性... 373 12.12.1 word-spacing属性... 373 12.12.2 letter-spacing属性... 374 12.12.3 text-decoration属性... 374 12.12.4 ...