草庐IT

absolute_relative_col

全部标签

html - <div> 位置 :absolute; bottom: 0; not working as expected in IE7

我的网站是大学的类(class)目录工具,它有一个中心Pane,其中包含动态更新的类(class)列表。在Firefox、Opera和Chrome中,中心Pane具有预期的滚动行为:当类列表超过高度时,中心Pane具有滚动条。然而,IE仅在显式设置高度时才显示此栏。如果不使用JavaScript在调整大小时重置中心Pane高度,我如何强制InternetExplorer显示滚动条?中间Pane:及其CSS:div#middlenav{position:absolute;left:250px;right:350px;top:0px;bottom:0px;}div#courselist{o

css - 为什么不用margin定位,而是用position :relative top 5px?

标题,基本上。我一直在使用边距定位而不是像position:relative这样的东西来做我的很多工作,只是因为我不知道你可以那样控制它。margin应该做什么,为什么我应该在margin完成工作时使用position? 最佳答案 简而言之,边距在元素框周围增加空间,并修改页面流中为其保留的空间量以匹配。因此,顶部边距向下移动一个block,同时也向下移动跟随它的所有内容。底部边距将跟随它的内容向下移动,同时将block本身留在同一位置。这非常直观,并且可能完全符合您的预期。相对定位做了一些奇怪的事情:它改变了block被绘制的位置

html - 使用推/拉和 col-md-12 在 Bootstrap 4 中进行列排序

我有两列,每列都有col-md-12类。在桌面View中,它们应该显示为:Col**1**Col**2**在移动View中应该显示如下:Col**2**Col**1**Bootstrap的列排序甚至可能吗?我当前的代码:Col1Col2 最佳答案 更新(2018年2月)-v4+现在已经发布了Bootstrap,您可以使用order来实现它您可以在测试版中使用实用程序类(请参阅下面的旧更新),不同之处在于他们添加了这3个新类:.order-first{-webkit-box-ordinal-group:0;-ms-flex-order

jquery - CSS/HTML : how to make something become absolute positioned once you scroll by it

我是CSS和HTML的新手,我正在尝试学习如何在页面上滚动时使某些内容成为绝对定位。这是我的意思的一个例子:http://fab.com/help/(您不需要帐户即可滚动)。向下滚动时,顶部的黑色菜单栏消失,带有“我们如何帮助您”的白色菜单栏变为绝对定位。我创建了一个具有类似菜单系统的示例,http://jsfiddle.net/jkdbP/但我不知道从哪里开始让它在滚动后成为绝对定位,非常感谢任何见解! 最佳答案 请参阅此jsFiddle:http://jsfiddle.net/jkdbP/2/varmenuTop=$('.men

html - 使用 CSS 与使用 cols 和 rows 调整文本区域的大小

使用cols和rows调整文本区域的大小与使用高度和宽度调整文本区域的大小有什么区别?withcolsrowswithCSSjsFiddle 最佳答案 cols和rows是相对于字体大小的。height和width不是。http://jsfiddle.net/rVUEE/1/编辑:说它们与“字体大小”相关有点过于简单化了。如果还明确设置,它们会考虑诸如line-height和letter-spacing之类的内容。 关于html-使用CSS与使用cols和rows调整文本区域的大小,我们

HTML <tr> 标签和位置 :relative

我正在处理很久以前写的html,FireFox有问题。某些tr元素的position属性设置为relative,这令人惊讶地使这些tr的边框不可见。当我删除样式时,一切正常...所以问题是:“position:relative如何影响tr元素?”我无法理解。对我来说这似乎是多余的。谢谢编辑:sdfsdfsdf.header{position:relative;}table#table1{border-collapse:collapse;}#table1th{border-collapse:collapse;cursor:pointer;font-size:8pt;padding:3px

html - 位置 :relative hides border in Internet Explorer

我有一张表,其中第一行是position:relative。在IE9中添加位置属性隐藏单元格之间的边框。(这不会发生在Chrome中)。我的问题类似于thisone,但我不能将顶行的z-index设置得比其他行低,因为它将是一个固定的标题,需要具有更高的z-index。HTMLheader1header2data1adata1bdata2adata2bCSS.locked{position:relative;background-color:Yellow;}如何让边框显示出来,同时保持z-index大于其他单元格?编辑:这是jquery代码,解释了为什么标题位置是相对的。1.它允许标题

javascript - 如何找到一个元素到其父元素的 'relative'位置?还是 : How to find Mr. 蓝色?

我基本上有2个div元素。第一个是滚动容器,第二个是放置在容器中的元素。我想找到相对于滚动容器的y位置。我将所有这些打包成一段名为HowtofindMr.Blue?的示例代码Pleasescrolldown...Mr.Blue所以我想要一个JavaScript/jQuery语句来提醒Mr.的vertical-position。蓝色的。div相对于滚动容器。附言。如果您想“摆弄”先生。蓝色,检查http://jsfiddle.net/KeesCBakker/Qjr5q/. 最佳答案 如果您可以将cssposition:relative

html - 删除位置 :absolute attribute by adding css

我有一个id="#item"的html元素我有一个UI事件,它通过将类“.new”添加到“#item”来以编程方式更改“#item”的css。最初我希望“#item”有“position:absolute”。然而,一旦类“.new”被添加到“#item”,我在Chrome检查器中获得我想要的格式的唯一方法是从“#item”的css中删除position:absolute。我想通过“.new”中的css来完成此操作,但是在Chrome检查器中,我更改位置属性的选项是staticabsoluterelativeinitialinheritfixed据我所知,这些都不会与在Chrome检查器

html - 为什么不顶: 0 work on absolutely-positioned elements relative to body?

您可以在下面的代码中看到,h1将主体向下推,而绝对定位block.absolute不会粘在顶部。但您也可以看到同一block粘在其父.wrapper的顶部。为什么?我不是在问如何做到这一点;我知道如何,例如padding而不是margin到h1,或者clearfix到parent等等。我只对一件事感兴趣:为什么h1的边距会压低body,但不会压低.wrapper?body{position:relative;margin:0;padding:0;overflow:hidden;background-color:silver;}.absolute{position:absolute;to