小编Cra*_*sen的帖子

我有很长的DIV系列,我需要使用nth-child选择器在每第4个DIV上更改填充,但是我在使用它时遇到了问题.

这是我的css:

.content_tab {
    width: 220px;
    height: 340px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    background-color: #0F0;
}
.content_tab:nth-child(4){
    background-color: #F00;
    margin-right: 0px;
}

这是我的HTML:

<div class="content">
    <div class="content_tab"></div>
    <div class="content_tab"></div>
    <div class="content_tab"></div>
    <div class="content_tab"></div>
    <div class="content_tab"></div>
    <div class="content_tab"></div>
    <div class="content_tab"></div>
</div>

有任何想法吗？

我正在寻找创建一个手风琴风格的网站,其中包含3个菜单项,在展开时填充100%的窗口.我可以找到很多不同的手风琴,但没有一个可以正常使用高度:100%

有任何想法吗？

这是一般布局:

http://i.imgur.com/GLyTX.jpg

http://i.imgur.com/hOUrO.jpg

我有一个“容器” DIV，它可以缩放以适合窗口100％，并且我想将随机图像加载到DIV中。我有一个适用于html背景的工作脚本，但是我不能让它在DIV上工作。

有任何建议吗？

这是原始脚本：

<script type="text/javascript">
    var imgCount = 3;
    var dir = 'images/';
    var randomCount = Math.round(Math.random() * (imgCount - 1)) + 1;
    var images = new Array
            images[1] = "bg-01.jpg",
            images[2] = "bg-02.jpg",
            images[3] = "bg-03.jpg",
    document.body.style.backgroundImage = "url(" + dir + images[randomCount] + ")"; </script>

我有一个100%宽的div,包含一个数字og较小的div"100x100px".

但我希望它们居中,以便当它们被迫在新行上开始时,左侧和右侧总是有相同的空间.我是以错误的方式绕过这个吗？

CSS:

.menuContainer {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
    background-color: #7144E0;
}
    .menuItem {
        width: 100px;
        height: 100px;
        margin: 10px;
        background-color: #F3FD4F;
        display: inline-block;
}

HTML:

<div class="menuContainer">
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div …