小编Cha*_*had的帖子

通常,我对CSS很好,但我似乎无法想出这个.如果我有一个结构

<div>
    <h2 class="open">1</h2>
    <h2>2</h2>
    <h2>3</h2>
    <h2>4</h2>
    <h2>5</h2>
</div>

如何使用.openCSS类来定位所有兄弟h2s ？我的主要问题是兄弟选择器(.open + h2)只会紧随其后的h2 .open.

我有一个类似于网格的列表,并且具有可计算的可排序功能.我想为除了被操纵的项目之外的每个项目设置动画,以便在列表中平滑滑动.我在这里设置了一个示例:http://jsfiddle.net/wpmte/.

<ul id="sort">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
    <li>Item 7</li>
    <li>Item 8</li>
    <li>Item 9</li>
</ul>

CSS:

ul {
    margin: 0;
    padding: 0;
}
li {
    display: inline-block;
    margin: 5px;
    padding: 5px;
    background: #0f0;
    width: 25%;
}
.ui-sortable-placeholder {
    height: 0 !important;
}

最后,JS:

$('#sort').sortable({ 

});

如何通过过渡而不是仅仅跳跃来为元素添加动画来填充空间？

我想弄清楚为什么Safari不会读取其父级的max-height属性作为高度.Chrome和Firefox都会正确读取它,但Safari似乎忽略了父级的最大高度,而是抓住了页面的全高.

你可以在这里看到它

CSS:

body, html {
    height: 100%;
    margin: 0;
}
div {
    height: 100%;
    max-height: 300px;
    width: 100px;
}
div span {
    background: #f0f;
    display: block;
    height: 100%;
}

标记:

<div>
    <span></span>
</div>

我在OSX 10.8.5上使用Safari 6.0.5.

我只是好奇它window.outerWidth和之间的区别$(window).outerWidth()是什么,如果有的话.

我无法在Google上找到关于此的更多信息,所以我认为我会吸引群众.这只是一个普遍问题,而不是具体问题.

对于大多数屏幕尺寸,我有一个下拉菜单朝向页面顶部,但在较小的屏幕上,例如笔记本电脑,菜单位于屏幕中间,因此,下拉列表位于选择器上方.无论页面位于何处,我都希望下拉列表能够始终如一地下降.这是可能吗？