css-position相关内容
我有一系列列表项,有些有子列表,其中包含子导航链接。我使用CSS通过在子
上显示 display:none 来创建悬停效果,然后设置为 display:悬停时会阻止。 但是,这样会产生使父级 在悬停期间增长。有办法防止这种情况吗?将鼠标悬停在没有子列表的 项目上时,其宽度保持不变。
..
这是小提琴。我正在制作杂货清单网络应用程序,并且正在将顶部div设为固定位置。当我这样做时,div似乎与页面的其余部分重叠。我试过在CSS中使用两个位置( position:relative; position:fixed ),但这不能使div保持固定。 CSS(用于div): #top { 宽度:100%; 高度:40像素; 背景:#96f226; text-align:c
..
我是html / css的新手,我刚刚开始全神贯注于定位,但似乎有些误会。现在,我正在尝试创建一个页面标题,该页面标题的下方是水平分隔线。我的标头放置在绝对位置,顶部和左侧的值为0,高度为88。我认为,如果我给定水平分隔线位置:相对,高度为5,它将最终位于标头下方。相反,它最终显示在页面的顶部,我对原因感到困惑。 我想在页脚上方的页面上再次使用此水平分隔线,所以我不想给此水平分隔线位置:绝对
..
我正在学习CSS的定位。基于我发现有用的文章,我开始玩转。 使用以下代码,我无法理解为什么绝对灰盒div是在其相对父级之外。我希望灰色框位于容器的左上角。 .container {背景:浅蓝色;位置:相对;}。box-orange {背景:橙色;高度:100px;宽度:100px;职位:相对顶部:100px;左:100px; z-index:2;}。box-blue {背景:ligh
..
我想使导航栏在滚动到顶部时停留在顶部,但是它不起作用,我也不知道为什么。如果可以的话,请帮我,这是我的HTML和CSS代码: 。导航选择{文本转换:大写;字母间距:5px;字体:18px“ lato”,sans-serif;显示:inline-block;文字修饰:无;白颜色;内边距:18px;浮动:正确;左边距:50px;过渡:1.5秒;}。nav-selections:悬停{过渡:1.5
..
我有一个绝对放置的元素,里面有内容。它可以是
或一些
标记。所以我不知道内容的高度。 我如何将内容垂直居中在绝对定位的 div 内? HTML:
嗨再次
..
..
我有一个使用菜单创建的android应用程序,该菜单带有一组按顺序排列的按钮. 我有一个徽标图标,我想将其固定在页面的右下角并添加一个边距.我该怎么办? 页面本身位于LinearLayout中.但我希望可以添加一个具有绝对位置的元素! :) 我使用的是android 2.2 sdk 谢谢 解决方案 使用嵌套布局..
..
我试图将div的内容居中,我的父容器设置为Relative. 我正在内部div上使用它 position: absolute; margin: auto; width: 70px; height: 70px; 但是它拒绝居中,我不得不在左边和右边加上0,但是我不明白为什么. position: absolute; right:
..
我需要通过其子菜单来实现此菜单: 我将主菜单设置为带有li float: left; display: block;的ul/li,并且在它们内部有一个具有属性display: block;和一些填充的元素. 每个li都有position: relative.在每个li中都有一个.main_menu_submenu div,其中position: absolute.在内部,它还有另一个u
..
我对CSS比较陌生.我遇到了一个问题,试图在其父元素旁边修复一个元素.我可以使用以下代码来做到这一点: 父元素: #search_results{ position:relative; } 子元素: .total { position: fixed; top:10px; width:250px; left: 75%; /*overflow: hidden;*/ margi
..
当您尝试将元素绝对定位到tbody,tr甚至td时,您发现它在大多数浏览器中均不起作用.它可以在Firefox中按预期工作.不在IE,Edge和Chrome中. tbody,tr甚至td上的 position: relative都将被忽略.然后将具有position: relative的第一个父级用作绝对放置的“锚". 顺便说一句:将tbody设置为display: block时,pos
..
我在一个相对定位的元素内有一个固定位置的元素,据我所知,position: relative元素对position: fixed不应该有任何影响(固定元素是相对于窗口定位的,对吧? ). 但是,固定元素的z-index似乎是由其父级继承的,以至于它的z-index不能高于其父级的z-index. 我希望我有道理?下面是我正在谈论的HTML示例: .outer { po
..
我在这里查看了其他示例,但是找不到使该功能起作用的示例.我希望页面滚动时侧边栏(部分)保持粘性.位置:如果将其放在导航上,便可以使用粘性,因此我的浏览器def支持它. main { display: grid; grid-template-columns: 20% 55% 25%; grid-template-rows: 55px 1fr; } nav { b
..
我试图用一些绝对位于主div宽度之外的设计元素“包围"居中的div.由于右侧的元素而不是左侧的元素(IE6/7/8,Chrome,Firefox),我得到了一个滚动条.如何摆脱该水平滚动条? html, body { height: 100%; width: 100%;
..
我希望将几个div彼此排成一行,但也希望它们与上一个div重叠. 我要获取的是具有特定时间长度的事件的div的时间轴.这些事件可以相互重叠. 我的想法是给每个div相同的顶部位置,z索引增加,左侧位置增加(根据事件发生的时间).稍后,我将通过鼠标悬停事件弹出各个div,以可视化重叠. 我要做的是使每个div置于下一个div下.摆弄top属性,可以使它们水平对齐,但看不到图案.
..
在有人问我为什么要这么做之前,让我直接告诉你.这样你们中一个聪明的偷窥者可以告诉我一种更好的方法... 我正在为绘画的查看器做准备,绘画应该拉伸以填满整个页面,准确地说,这是屏幕高度的90%.我想将一幅画逐渐淡化,然后将每幅画置于屏幕中央. 要使绘画彼此渐隐,我需要将它们“绝对"放置以阻止它们堆叠.麻烦来了.自从将它们设置为绝对值以来,我用来使包含div居中的每种方法都无效. 部
..
我在覆盖一些插件CSS时遇到问题.直接编辑CSS并不是真正的选择,因为这样做会使更新插件的风险更大. 问题:元素具有绝对定位,并且在原始元素中具有top:0px.我想用bottom:0px覆盖它. 为了示例 .element {position:absolute; top:0;} /* in another file */ .my .element {b
..
选择特定语言后,我会将网站CSS覆盖为RTL版本. 我有一个必须具有绝对定位的元素.在LTR版本中,我执行left: 0px;,它在左侧对齐;在RTL版本中,我想对right做相反的操作,但是left属性没有被覆盖,因此它仍然保持在左侧. 我曾尝试使用!important进行黑客入侵,但这没用. 我尝试设置left: none,但这没用. 如何在覆盖时将其设置为无或完全删除?
..
我很难在每个父母div上定位子div. 这是CSS代码: .mainDiv { height:500px; position: relative; } .mainDiv .parent1 { height: 250px; background-color: blue; top: 50px; position: relative; } .mainDiv .
..