以上就是给各位分享JS实现设置ff与ie元素绝对位置的方法,其中也会对js实现设置ff与ie元素绝对位置的方法有哪些进行解释,同时本文还将给你拓展css–为什么fieldset填充导致子级绝对位置在F
以上就是给各位分享JS实现设置ff与ie元素绝对位置的方法,其中也会对js实现设置ff与ie元素绝对位置的方法有哪些进行解释,同时本文还将给你拓展css – 为什么fieldset填充导致子级绝对位置在FF中被误导?、css – 为什么不能(具有绝对位置)在>(具有相对位置)的自动尺寸内?、css – 具有绝对位置的页脚不会粘在滚动上、css – 我如何判断绝对位置忽略是父亲的相对位置?等相关知识,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:- JS实现设置ff与ie元素绝对位置的方法(js实现设置ff与ie元素绝对位置的方法有哪些)
- css – 为什么fieldset填充导致子级绝对位置在FF中被误导?
- css – 为什么不能(具有绝对位置)在>(具有相对位置)的自动尺寸内?
- css – 具有绝对位置的页脚不会粘在滚动上
- css – 我如何判断绝对位置忽略是父亲的相对位置?
JS实现设置ff与ie元素绝对位置的方法(js实现设置ff与ie元素绝对位置的方法有哪些)
本文实例讲述了JS实现设置ff与ie元素绝对位置的方法。分享给大家供大家参考,具体如下:
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
css – 为什么fieldset填充导致子级绝对位置在FF中被误导?
所有其他人把按钮放在父母的右下角,12px. FF3.6将它放在24px并且在右侧:
http://jsfiddle.net/sxkWZ/2/
任何人都知道这个问题或者我错过了一些明显的东西?
更新:确认FF4 Beta 11中的问题.考虑提交Mozilla.
谢谢,
丹尼斯
解决方法
看看这里:http://jsfiddle.net/sxkWZ/11/
如果你只想让按钮出现在右下方,那么另一种方法就是浮动它:jsfiddle.net/sxkWZ/10
问候,西蒙
css – 为什么不能(具有绝对位置)在>(具有相对位置)的自动尺寸内?
例如:
<ul> <lihttps://www.jb51.cc/tag/irs/" target="_blank">irst"><a href="#" title="">Home</a></li> <li><a href="#" title="">Chi siamo</a> <ul><li><a href="#" title="">item1</a></li><li><a href="#" title="">item2</a></li></ul> </li> <li><a href="#" title="">Novità</a></li> <li><a href="#" title="">Promozioni</a></li> </ul>
然后设计风格:
/* level 1 Main menu ----------------------------------------- */ #main-menu > ul{ list-style:none; } #main-menu > ul > li{ float:left; display:block; position:relative; margin-left:1em; } #main-menu > ul > li.first{ margin-left:0; } /* sub Main menu ----------------------------------------- */ #main-menu > ul > li ul { position: absolute; z-index:1000; display:none; left:0; top:28px; } #main-menu > ul > li:hover ul { display:inline-block; } #main-menu > ul > li ul li{ float:left; display:block; list-style:none; }
好.所以,我有主菜单,显示水平.我还希望子菜单显示水平.但由于某种原因,ul框不会调整大小以达到总li标签宽度,因此它保持垂直.父亲ul不会遇到这个问题.
我可以通过简单地为孩子ul添加适当的宽度来使其工作,但这不是我想要使用的方式.
任何的想法?
解决方法
然后保持定位和造型分开:我称之为a而不是li
看这里:
http://jsfiddle.net/HerrSerker/T8x2r/2/
#main-menu > ul > li > ul:hover,#main-menu > ul > li:hover > ul { display: block; }
应该使用float:left也是
http://jsfiddle.net/T8x2r/3/
css – 具有绝对位置的页脚不会粘在滚动上
我并没有尝试将其修复并粘贴到页面上.
当我没有足够的内容滚动一切都很好. (至少看起来那样)
对应的HTML:
<footer> <div> <p>Sam Sedighian - No rights reseved!</p> </div> </footer>
对应的CSS:
.footer_div { background-image: url("../imgs/dark_dotted2.png"); color: #818787; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40px; padding-top: 10px; text-align: center; }
它必须位于页面底部而不是粘性(固定),并且仅在滚动到页面底部时才可见.所以它应该适用于这两个例子:sedighian.github.io/blog/absolute_not_working.html和sedighian.github.io/blog/absolute_not_working2.html
解决方法
position: absolute
documentation:
Do not leave space for the element. Instead,position it at a specified position relative to its closest positioned ancestor or to the containing block.
页脚没有任何定位的祖先.请注意,在the Bootstrap example,they explicitly declare position: relative
on html
.
此外,您还需要添加相当于页脚高度的填充底部,以便为其保留空间.
尝试:
html { min-height: 100%; position: relative; } body { padding-bottom: 40px; }
css – 我如何判断绝对位置忽略是父亲的相对位置?
http://jsfiddle.net/noamway/r8vMp/8/
<div id="website"> <div id="layoutAll"> <div id="layout"> <div id="full_strip"> Hello world </div> </div> </div> </div>
而且我喜欢“full_strip”将是所有页面宽度的100%.
因为亲戚的亲戚我不能那样做.
我不能从父母那里删除任何设置,所以我需要一个推荐或他的其他东西,告诉他忽略相对父母.
谢谢,
诺姆
解决方法
码:
<div id="website"> <div id="layout"> <div id="layout"> <div id="full_strip"> Hello world </div> </div> </div> </div>
DEMO FIDDLE
今天关于JS实现设置ff与ie元素绝对位置的方法和js实现设置ff与ie元素绝对位置的方法有哪些的分享就到这里,希望大家有所收获,若想了解更多关于css – 为什么fieldset填充导致子级绝对位置在FF中被误导?、css – 为什么不能(具有绝对位置)在>(具有相对位置)的自动尺寸内?、css – 具有绝对位置的页脚不会粘在滚动上、css – 我如何判断绝对位置忽略是父亲的相对位置?等相关知识,可以在本站进行查询。
本文标签: