固定-浮动定位在顶部的div

固定-浮动定位在顶部的div

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>固定-浮动定位在顶部的div</title>
<style type="text/css">
*{margin:0;padding: 0;
}
#container{width: 90%;background: #ccc;height:auto;margin: 0 auto;}
#nav{position:fixed; top:0; width:90%; height: 30px; background: #f30;
}
#main{width:100%;height:1000px;margin-top:35px;background:green;padding-top: 10px;
}
</style></head>
<body>
<div id="container"><div id="nav">浮动定位的div</div><div id="main">我是主体我是主体我是主体我是主体我是主体</div>
</div>
</body>
</html>

固定-浮动定位在顶部的div相关推荐

html div页面固定,将div固定浮动网页底部代码
div固定浮动网页底部CSS代码,非JS实现纯DIV CSS构造将DIV层静止浮动在网页阅读器底部的. CSS代码: position: fixed;bottom: 0;z-index: 100 正文 ...
浮动定位、相对定位、绝对定位、固定定位
一.浮动定位让块级元素在一行内显示将元素排除在普通文档流之外,会脱离文档流,元素不会占用页面的位置浮动的元素会停靠在别的浮动元素(页面的边缘)的左边或者右边属性:float 取值:left ...
CSS浮动定位与背景样式
CSS浮动定位与背景样式 1.浮动与定位 1.1 浮动的基本概念本质功能 : 实现块元素并排布局使用要点 : 1.要浮动,并排的盒子都要设置浮动2.父盒子宽度足够,否则会被迫换行3.子盒子会按顺序 ...
css 侧栏跟随_简单代码实现智能侧边栏跟随固定浮动的效果
很多网站博客都喜欢用"侧栏跟随"的效果,也就是随着滚动条的滚动,而跟着滑动或者固定的效果:感觉非常的人性化,一来可以弥补当一个页面很长,但侧边栏太短的时候的空白,二来可以合理利用空 ...
html 固定一条直线的位置,html-CSS位置：固定在定位元素内
html-CSS位置:固定在定位元素内我有一个定位的div,其内容可能太长,因此出现滚动条(已设置overflow:auto). 它充当ajax应用程序中的对话框. 我想在其右上角修复一个关闭按钮, ...
CSS表格与浮动定位
一.表格 1.表格的常用属性 1.边距属性:padding 2.尺寸属性:width,height 3.文本格式化属性: font-* text-align,color,text-i ...
uni-app 滑到一定位置固定某个元素在顶部吸顶解决方案 APP端 H5端
uni-app 滑到一定位置固定某个元素在顶部吸顶实例 APP端吸顶完美吸顶方案 uView uniapp组件库 //通过offset-top参数设置组件在吸顶时与顶部的距离 <u-stic ...
CSS排版练习小作业，文字围绕图片显示，基本的float浮动定位
简单的css排版基本的float浮动定位文字围绕图片显示 css代码,float分成两块 <style type="text/css">div.float1{flo ...
BFC机制与浮动定位脱离文档流
BFC机制与浮动定位脱离文档流 BFC块格式化上下文 --w3c规定的一种独立渲染区域渲染流程基本上四个步骤: 1.计算CSS样式 2.构建Render Tree 3.Layout – 定位.大小, ...

固定-浮动定位在顶部的div

固定-浮动定位在顶部的div相关推荐

最新文章

热门文章