草庐IT

绝对化

全部标签

html - 如果包含 block 是内联的,绝对定位元素的确切包含 block 是什么?

body>div{display:inline;position:relative;}body>div>div{position:absolute;}内部div的确切包含block是什么?Inthecasethattheancestorisaninlineelement,thecontainingblockistheboundingboxaroundthepaddingboxesofthefirstandthelastinlineboxesgeneratedforthatelement.InCSS2.1,iftheinlineelementissplitacrossmultipleli

html - 内联元素中的绝对定位。这种行为是否正确?

考虑以下简单的HTML和CSSa.rel{position:relative;}button{position:absolute;top:0;left:0;}LoremipsumdolorsitametI'mabutton现在考虑CSS210.1.4.1Iftheelementhas'position:absolute',thecontainingblockisestablishedbythenearestancestorwitha'position'of'absolute','relative'or'fixed',inthefollowingway:Inthecasethatthea

javascript - 无法单击带有另一个 div 后面的链接的 div 绝对位置不起作用

我在另一个带有html链接的div后面有一个div。问题是这个div在jquery制作的内容slider中。因此,我无法单击下面的div上的链接。有没有办法让它可以点击。我尝试了position:absolute但它没有用。也许有jqueryhack之类的东西?阻止我的导航div的div称为“maincontent”,导航div称为“nav”问题是maincontentdiv在“nav”div上,因为我使用了margin-top:-60px;由于我需要如何对其进行编码。 最佳答案 将position:relative添加到导航栏。没

html - 使用左右 CSS 属性绝对定位 INPUT 时的奇怪行为

我正在研究绝对定位的CSS格式.我希望它在其容器内“拉伸(stretch)”(也定位为“绝对”),以便它在左右两侧留下例如30px,并填充其中的所有空间......我已经找到一个sampleonw3.orgsite,它同时使用left和right在CSS中创建一种“框架集”。我还读了anarticlefromA-List-Apart谈论这种技术并发现其他几个问题在这里处理类似的麻烦,但这些都没有关注我要描述的具体问题。我还发现我可以包裹内部用,但我想深入了解这个主题,以了解其行为不当的原因......这里是aworkingsample我做了测试和澄清这个想法。简而言之,就是这么简单:像

html - 具有绝对定位元素的 Clearfix

我的问题如下:边框不包裹包含的元素。我知道这是因为我将内容项定位为绝对的,但我需要它们是绝对的以使布局正常工作。这也意味着我不能使用clearfix解决方案(这意味着我必须float元素,这不是一个选项)。所以我的问题是,如何让父div获得包含元素的高度。编辑:没有Javascript解决方案,只有CSSHTML:Loremipsumdolorsitamet,consecteturadipisicingelit...Loremipsumdolorsitamet,consecteturadipisicingelit...​​​​CSS:.mask{position:relative;wi

html - CSS - 绝对内固定,滚动溢出和 100% 高度

我正在尝试使用某种可滚动的覆盖层来遮盖网站的其余部分。我似乎无法在我的固定元素中的绝对元素上获得100%的高度。http://codepen.io/intellix/pen/GBltKsection{background:red;position:fixed;top:0;right:0;bottom:0;left:0;overflow-x:auto;}article{background:blue;position:absolute;top:0;width:300px;bottom:0;left:0;}如果我设置bottom:0;在绝对元素上,当页面不溢出时它会填充高度。当页面溢出时,

html - 关于在绝对定位的文本区域上使用左/上/右/下

我尝试设置position:absolute然后是left、top、right和bottom为以像素为单位的固定值,但除非我还设置了width和height我无法让它在Firefox11上正常工作。渲染在safari/chrome上看起来不错……但这是Firefox的错误还是不符合标准的东西?对width和height使用100%有时是一种解决方案,但当元素没有完全覆盖父容器时就不行了。参见http://jsfiddle.net/EjS7v/6/这是Chrome(以及期望的结果)Firefox(宽度/高度为100%)Firefox(没有宽度/高度)除了使用Javascript在运行时计

html - 绝对位置,右上角(调整大小)

应该很简单……我想。我有这样的设置:THEFIRSTTHESECOND我希望整个主div位于屏幕的右上角,当我调整浏览器大小时,我希望它保持在那里。我说的不是固定定位-只是绝对定位。但是,此CSS不起作用。有什么想法吗?#main{position:relative;top:0;right:0;z-index:300;min-width:0;width:8%;}#main#a1{position:absolute;background:#082540;z-index:300;right:0;top:40px;}#main#a2{position:absolute;background:

css - 强制绝对 div 听 parent 的填充?

这是我的HTML/CSS当前的样子:这是我想要它的样子:我如何修改下面的HTML/CSS以使其显示我想要的样子?HTML:CSS:.update{width:100%;background-color:#006699;text-align:center;height:56px;color:white;}#bottom{position:absolute;bottom:20px;width:100%;left:0;}#panel{width:21.25%;height:100%;background-color:#0794ea;float:left;padding:01.5%;-moz-

html - div 在 td 中绝对定位时留出空间

我想了解绝对位置。我有以下代码片段div#div1{position:absolute;left:0;right:0;height:100px;border:1pxsolidgreen;background-color:green;width:100%;}td{position:relative;border:1pxsolidblue;height:18px;width:100%;}table{width:100%;}Thisisaheadingwithanabsoluteposition由于绝对定位,我在顶部得到了一些额外的空白。当我指定top:0px时,它工作正常。谁能解释一下为什