html div挤下去了,网站固定导航条挤动下面的DIV_html/css_WEB-ITnose
这是导航栏CSS
width: 1336px; background: #333; margin-top: 0px; font-size: 20px; z-index:9999;
这是下面div的CSS(这里覆盖了三个div这是最底层的div的css)
border: 2px white solid; width: 370px; height: 470px; position: absolute; top: 180px; left: 92px; opacity: 0.5; background-color: gray; border-radius: 10px;
回复讨论(解决方案)
从你的图片看,你的这个不是左边这块被挤下去了,而是它后面的翻页部分滚上去了而左边这块没有动,所以相对位置让你觉得是被挤下去了(可以比较左边的那个箭头的垂直位置)。可能跟你用了position: absolute;绝对定位有关。
喔,好像明白了,头部、菜单导航、图片滚动是连在一起的三个div中间那个被设置 absolute之后第三个就贴到第一个下面去了。而左边的div是绝对定位的,所以没动看起来像是被挤下去了。大婶好眼力。
如果问题清楚了,请结贴;如果还有其他问题,请回帖提出。
喔,好像明白了,头部、菜单导航、图片滚动是连在一起的三个div中间那个被设置 absolute之后第三个就贴到第一个下面去了。而左边的div是绝对定位的,所以没动看起来像是被挤下去了。大婶好眼力。
从你的图片看,你的这个不是左边这块被挤下去了,而是它后面的翻页部分滚上去了而左边这块没有动,所以相对位置让你觉得是被挤下去了(可以比较左边的那个箭头的垂直位置)。可能跟你用了position: absolute;绝对定位有关。
果然是这样!我在原来的菜单导航外面在加一个div把中间撑开就可以了。
喔,好像明白了,头部、菜单导航、图片滚动是连在一起的三个div中间那个被设置 absolute之后第三个就贴到第一个下面去了。而左边的div是绝对定位的,所以没动看起来像是被挤下去了。大婶好眼力。
OK!
html div挤下去了,网站固定导航条挤动下面的DIV_html/css_WEB-ITnose相关推荐
- Bootstrap固定导航条
固定导航条 默认情况下,导航条的定位属性为 static,它的位置由它的HTML代码中定义的顺序出现,并随着页面向下滚动. 很多时候,我们却希望导航条固定在浏览器窗口的顶部或底部,这种固定导航条的应用 ...
- 前端——用div画菜鸟网站首页导航条“小三角”
今天学到一个新的知识点--用div来画"三角". 之前本帅博主写过一篇<前端--菜鸟网站横向CSS导航条菜单:带小三角形>,里面也有介绍如何制作小三角形,不过它是用的现 ...
- 【荐】DIV+CSS仿360buy京东商城导航条
代码简介: [荐]DIV+CSS仿360buy京东商城导航条 ,很棒的,赶快来试试. 代码内容: <html xmlns="http://www.w3.org/1999/xhtml&q ...
- 一个完美的导航条html,一个DIV CSS代码布局的简单导航条
简单的DIV CSS代码布局实现导航条 一个蓝色主题的导航条布局案例,本CSS小实例,采用DIV CSS实现.同时不用图片做背景,直接使用背景色实现,鼠标经过悬停对应栏目名称是对应背景蓝色变深. 导航 ...
- Bootstrap导航条鼠标悬停下拉菜单
Bootstrap导航条鼠标悬停下拉菜单 Bootstrap的导航条下拉菜单为了适应移动设备没有鼠标hover的状态,都是点击弹出下拉菜单,为了适应一般网站使用,我稍作了一些修改,鼠标hover时就弹 ...
- HTML下拉菜单怎么做成横向,css导航条横向带下拉菜单
css+div导航下拉二级菜单竖排效果如何改为横排? ,在"下一站"有三个二级竖排菜单,如何能变为横排?困扰了我一天了,让二级菜单变成一行,只需要在竖排的效果上,让二级菜单都浮动起 ...
- Bootstrap 固定导航条
默认情况下,导航条的定位属性为 static,它的位置由它的HTML代码中定义的顺序出现,并随着页面向下滚动而消失.也可以改变它的定位方式,让它固定显示在浏览器窗口的顶部或底部. 1.固定在顶部 如果 ...
- 滚动页面一定距离后固定导航条
需求:滚动页面到一定距离后,页面中间的导航条固定到页面的某个位置不动,滚回去时会复原. document.addEventListener('scroll', function (event) { v ...
- html中 导航条置顶的代码,一个DIV+CSS代码布局的简单导航条
一个蓝色主题的导航条结构案例,本CSS小实例,采取DIV CSS实现.同时不必图片做靠山,直接运用布景致完成,鼠标经由过程悬停对应栏目称说是对应背景蓝色变深. 导航条一小块成就截图 通常导航条接纳ul ...
最新文章
- HDU4716 A Computer Graphics Problem
- linux 进程间 close-on-exec 机制 简介
- python PIL 单张图像变换大小—— img.resize()
- java数组解析_Java - 数组解析
- c++ 二维矩阵 转vector_Python线性代数学习笔记——矩阵的基本运算和基本性质,实现矩阵的基本运算...
- java numa_Java只使用2个CPU中的1个和NUMA(Neo4J)
- 养不教 父母之过:10个不能靠老师解决的孩子教育问题
- ubuntu Could not get lock /var/lib/dpkg/lock解决方法
- php页面的特点_带你认识PHP的四大特性八大优势
- 编写模块时的声明(含MODULE_LICENSE等)
- Windows域控设置客户端禁用运行/cmd命令行【全域策略生效】
- 艾伟_转载:扩展方法 之 基本数据篇
- Play 2.0 用户指南 - 表单提交和验证 --针对Scala开发者
- nero4j导入关系数据以及节点操作
- 微波工程基础_军工央企丨上海微波设备研究所
- Java使用lowagie根据模版动态生成PDF(无需额外设置系统字体)
- 计算机硬件 系统安装维护教程 02安装基础篇-02:MBR与GPT、分区、活动分区
- 网格模型obj文件及其纹理解析
- JavaScript 编程精解 中文第三版 十六、项目:平台游戏
- 金蝶k/3 现金流量表编制口诀
热门文章
- Vulnhub 靶机 Stapler write up samba+wp advanced-video ->mysql 密码 连接 john解密 登录后台 wp插件getshell sudo提权
- 用计算机处理图像属于啥技术,计算机技术在图像处理中的应用
- 【社区周会】2021-06-01 内容概要
- 让你的SpringBoot更有个性, 定制酷炫Banner
- Dependency ‘taglibs:standard:1.1.2‘ not found
- 同一个局域网之内,如何远程控制对方的电脑而且不用对方同意
- VMware Horizon View 7 规划部署图解
- 通过注册表设置VMware Horizon View Client SSL配置
- 瓣膜赛道多方向,主要介入治疗
- VS2017添加lib静态库文件引用