草庐IT

绝对性

全部标签

javascript - 脚本标签的本地绝对路径 (C :. ..)

有什么方法可以正确引用磁盘上的javascript文件,该文件不一定与HTML文件本身相关,而是与主机的文件系统相关?我目前正在严格本地站点(始终以file://...打开)并且没有网络服务器。(仅限Windows主机)这适用于chrome和firefox,没有任何问题:仅适用于chrome:另一方面,InternetExplorer(IE11)不会在没有任何警告或错误的情况下加载这些文件(test3.js-test8.js)。有正确的方法吗?我还尝试添加一个共享文件夹(//localhost/data/test.js)以确保我不需要任何:作为url。适用于firefox和chrome

html - 在具有绝对定位的 FF 上打印问题

我在打印使用FF中的绝对定位创建的表单时遇到了一些问题。我在A4纸上打印。如果它的单页形式,页面就很好,但是当我必须打印多页形式时,只打印第一页,而必须出现在第二页上的其他元素在下一页的单行中相互覆盖。很奇怪,同样在IE上工作正常注意我无法共享html,因为它包含大量css以及相当复杂和庞大的HTML页面。@-moz-documenturl-prefix(){div{position:relative}}@mediaprint{marquee{-moz-binding:none;}body{overflow:visible!important;}}#a{position:absolut

html - 位置绝对正确 - 没有滚动条可见

当我将包装器定位为绝对和右侧时,当我缩小窗口时不会触发水平滚动条。例子:http://jsfiddle.net/Ue6aN/代码:#wrapper{width:400px;height:400px;position:absolute;right:20px;top:0px;border:1pxsolidred;}如果我向右切换:20px;向左:20px;它正在工作,但不是。知道如何在没有javascript的情况下解决这个问题吗? 最佳答案 问题是#wrapper后面没有内容。要获得水平滚动,必须将内容锚定在文档的左边缘,当视口(vi

html - 展开 div 以包含绝对定位的内容

我有一个div,其中包含一堆绝对定位的控件。这些控件是动态生成的,我希望div展开,以便覆盖宽度和高度的所有内容。我如何在CSS中做到这一点? 最佳答案 这可以通过CSSgrid实现:.container{display:grid;}.container>*{grid-area:1/1;}.child{/*Insteadofusingtop/left,usemargins:*/margin-top:10px;margin-left:50px;}这会创建一个只有一个单元格的网格,每个child都进入该单元格。一个子项的布局不会影响其他

html - CSS溢出隐藏和绝对位置

考虑以下简单的菜单标记(自动生成,我对它没有太多控制):.menu{width:500px;height:20px;list-style:none;padding:0;margin:0;/*overflow:hidden...problem*/}li{float:left;position:relative;margin-right:30px;}ulli.submenu{position:absolute;left:0;display:none;padding:0;margin:0;list-style:none;width:100px;}ulli:hover.submenu{disp

javascript - 如何使用绝对路径构建 index.html 引用 Assets ?

使用gulp-angular搭建了一个YeomanWeb应用程序.我的gulpbuild过程输出一个dist/index.html文件,该文件使用相对路径引用Assets:......我如何强制Gulp使用绝对路径?例如/scripts/而不是scripts/和/styles/而不是styles/这是我当前的src/index.html的摘录:...... 最佳答案 只需更改中指定的文件路径即可注释;Gulp明确地使用它们来构建它的目标!...... 关于javascript-如何使用绝

html - 有没有办法让绝对定位的 div 扩展容器?

我有html模板-主体内的div#container,以及容器中一些绝对定位的div,没有固定高度。有没有办法将容器扩展到页面的100%高度?这是一张演示我的问题的图片:http://habreffect.ru/files/4f3/54ad48420/q.png我明白,绝对定位的div对于容器来说是“不可见的”,但不幸的是我扩展了浏览器窗口。问题是,我不能让body适合100%的页面,如果我让height:100%ofbody(和html)它会适合100%的窗口高度(我的是大约900px),但不是页面高度。如果问题真的很愚蠢,请抱歉。 最佳答案

html - 为什么相对定位 body 会影响绝对定位的元素?

所以在下面的代码中,当我改变bar的边距时,foo的位置也会改变。但这只有在body相对定位时才会发生。如果我静态定位主体,则foo的位置不再取决于bar的边距。谁能告诉我这是怎么回事?*{margin:0;}body{position:relative;}#foo{position:absolute;top:50px;left:50px;}#bar{margin:100px;}asdfasdf 最佳答案 绝对定位的元素由它们最近的绝对或相对定位的父级锚定。编辑:为了更加清楚地说明边距,请参阅下面我的评论。EDIT2:这也适用于具有

javascript - 具有绝对位置的 html5 Canvas 不起作用

具有绝对位置的Canvas不起作用,您可以在此处看到:http://jsfiddle.net/733zs/1/(已在Firefox和Chrome中测试)矩形的大小应为500x500像素。有没有办法让它在不手动设置宽度和高度的情况下工作?还是我做错了什么? 最佳答案 您必须手动设置宽度和高度。这可以通过JavaScriptonresize事件来完成-这很好,因为无论如何您几乎总是需要在调整大小时重绘Canvas表面。编辑:根据W3规范,这里是CanvasDOM界面:http://www.w3.org/TR/html5/the-canv

html - 如何在没有绝对的情况下将div附加到底部?

所以我有一个页脚:Footer包装器中的样式:#page{width:964px;margin:0auto;}所以我需要将页脚div附加到浏览器的底部。问题是如果我添加:position:absolute;bottom:0;之前的一些div与footer相交,我还需要自己设置高度和宽度。 最佳答案 像这样尝试..CSShtml,body{height:100%;}.wrapper{min-height:100%;height:auto!important;height:100%;margin:0auto-142px;/*thebot