drgr.net
当前位置:首页 >> html5底部导航栏 >>

html5底部导航栏

.content { width:960px; height:2024px; border:1px solid #000; margin:0 auto;}.nav { width:100%; height:30px; margin:0 auto; background:#f00; position:fixed; bottom:0; text-align:center;}导航

需要知道导航固定在底部是定位实现的; 结合所学的css的定位样式属性来实现; 会用到css中的position:fixed;属性,结合来实现。 .foot-menu{width:100%;height:60px;background:#000;position:fixed;bottom:0;/**距离底部为0*/left:0;z-index:1;}

样式呢?没样式怎么看

思路不对,解决办法不是在t1上,而是在t2上,给t2添加一个css,margin-top:50px;即就是你t1的高度

li{float:left;}首页游戏论坛百度html5还是和以前一样的写法的,只是为了更好的识别,用nav,其实nav就是div差不多的。

建议使用FF,Safari,举个例子: HTML5+CSS3+JavaScript body { behavior: url(ie-css3.htc); } * {margin:0 auto;padding:0;} body {font-size:13px;font-family:Arial;} ul li {list-style:none;} #menu { width:982px; height:35px; margin-t...

如果不是页面切换的话,滚动的位置是不发生变化的应该

你底部用的一定是fixed定位吧...你可以再文本框获取焦点事件的时候把底部导航隐藏或者改成absolute

建议导航栏使用固定定位,position:fixed,或者就默认的static

css实现,无论body内容是否已满,footer都应该会在下面 position:absolute; bottom: 0px; left:0px;

网站首页 | 网站地图
All rights reserved Powered by www.drgr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com