Tag: 父母孩子

JavaScript DOM：在容器中查找元素索引

我需要通过对象引用在其容器内find元素的索引。 奇怪的是，我找不到一个简单的方法。 没有jQuery请 – 只有DOM。 UL LI LI LI – my index is 2 LI 是的，我可以为每个元素分配ID，并遍历所有节点来匹配ID，但这似乎是一个不好的解决scheme。 没有更好的东西吗？ 所以，说我有一个对象引用第三个LI，如上面的例子。 我怎么知道它是索引2？ 谢谢。

跨浏览器方法，以适应一个孩子div到其父母的宽度

我正在寻找一个解决scheme，以适应一个孩子的div到它的父母的width 。 我在这里看到的大多数解决scheme都不是跨浏览器兼容的 （例如， display: table-cell; IE <=8不支持）。

使绝对定位div扩大父div高度

正如你在下面的CSS中看到的，我想让child2在child1之前定位自己。 这是因为我目前正在开发的网站也应该在移动设备上工作，其中child2应该位于底部，因为它包含我想要在移动设备上的内容之下的导航。 – 为什么不2主页？ 这是在整个HTML中重新定位的唯一2个div，所以这个小改动的2个主页是一个矫枉过正的问题。 HTML： <div id="parent"> <div class="child1"></div> <div class="child2"></div> </div> CSS： parent { position: relative; width: 100%; } child1 { width: auto; margin-left: 160px; } child2 { width: 145px; position: absolute; top: 0px; bottom: 0px; } child2具有dynamic高度，因为不同的子网站可以具有更多或更less的导航项目。 我知道绝对定位的元素从stream中被移除，因此被其他元素忽略。 我试图设置overflow:hidden; 对父母的div，但这并没有帮助，也没有clearfix。 我最后的手段将JavaScript来重新定位两个div相应，但现在我会试着看看是否存在一个非JavaScript的方式做到这一点。