<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jquery博客纯css模拟淘宝详细页面底部固定</title>
<meta name="keywords" content="顶部固定,css模拟" >
<meta name="description" content="jQuery吧,Write Less, Do More,注重前端开发,web前端开发">
<style type="text/css">
/*<![CDATA[*/
body {margin:0; padding:0 10px 0 10px; border:0; height:100%; overflow:auto;}
#menu {right:0; top:0; width:100%; position:fixed; padding:10px; text-align:center; font-weight:bold; background:#ccc;}
* html #menu {position:absolute; right:16px; top:0;}/*only for ie*/
html {overflow:auto !important; overflow:hidden;}
/*]]>*/
</style>
</head>
<!-- -->
<body>
<div >
<div style=" height:900px;"> </div>
<div id="menu">我顶部固定啦</div>
</div>
</body>
</html>
分享到:
相关推荐
一款取自国外某网站的纯CSS实现的始终固定在网页底部的
纯css3淘宝右侧固定导航样式代码 纯css3淘宝右侧固定导航样式代码 纯css3淘宝右侧固定导航样式代码 纯css3淘宝右侧固定导航样式代码 纯css3淘宝右侧固定导航样式代码
兼容ie系列ff+google的纯css网页底部固定漂浮居中效果免费下载
css3网页底部固定导航是一款纯css3实现的网页底部固定导航菜单。 css3网页底部固定导航演示图:
HTML+CSS实现淘宝页面
html5-css3仿微信底部固定响应式导航菜单代码
HTML + CSS 实现淘宝页面首屏静态网页项目练习 HTML + CSS 实现淘宝页面首屏静态网页项目练习 HTML + CSS 实现淘宝页面首屏静态网页项目练习 HTML + CSS 实现淘宝页面首屏静态网页项目练习 HTML + CSS 实现淘宝页面...
table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table...
纯css控制div保持在浏览器底部
div css腾讯广点通页面右侧底部悬浮层样式代码
纯css3模拟单张图片切角固定效果是一个css3的 linear-gradient 属性的一个案例,但是其作出的效果非常的不错,或许在日常生活工作中我们可能会遇到
这是一款4种效果非常炫酷的纯CSS3页面切换过渡动画特效。该CSS3页面过渡动画使用CSS keyframes制作而成,所有的动画效果和延时都是使用CSS属性,没有任何的javascript timeout()代码。
纯CSS3模拟摩天轮旋转动画效果
纯CSS3模拟iPhone X背景切换动画
css模拟title和alt的提示效果,可以查看淘宝网里的产品展示页面,用于显示产品的规格和相关信息.
HTML+CSS 完成登录页面UI HTML+CSS 完成登录页面UI HTML+CSS 完成登录页面UI HTML+CSS 完成登录页面UI HTML+CSS 完成登录页面UI HTML+CSS 完成登录页面UI HTML+CSS 完成登录页面UI HTML+CSS 完成登录...
纯css3手机页面图标样式代码
4.本例子只解决了页面不满一屏时的页底浮动问题,如果你的页面撑满一页有竖滚动条时,页底是固定不变的。 5.关于第4点本人认为,并不是这个解决方案有缺陷。因为你不应该用这个例子解决你的既要满屏居低又要超一屏还...
divcss模拟select 下拉框 select 改变样式
DIV+CSS模拟题目