Skip to main content
removeu 25 caracteres do conteúdo
Fonte Link
Bruno Augusto
  • 8,7mil
  • 3
  • 36
  • 49

Aparentemente, basta remover o :nth-child(odd)do último seletor e envolver a lista numa DIV cuja largura some as dimensões de todas as caixas (mais bordas e paddings do box-model):

div {
    width: 716px;   border:1px solid blue;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
ul li {
    width: 230px;
    height: 140px;
    margin: 0;
    border: 1px solid red;
    background: #999;
    overflow: hidden;
}
ul li.tile-high {
    width: 250px;
    height: 280px;
}
ul li {
    float: left;
}
<div>
    <ul>
        <li class="tile-high">0</li>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
</div>

Aparentemente, basta remover o :nth-child(odd)do último seletor e envolver a lista numa DIV cuja largura some as dimensões de todas as caixas (mais bordas e paddings do box-model):

div {
    width: 716px;   border:1px solid blue;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
ul li {
    width: 230px;
    height: 140px;
    margin: 0;
    border: 1px solid red;
    background: #999;
    overflow: hidden;
}
ul li.tile-high {
    width: 250px;
    height: 280px;
}
ul li {
    float: left;
}
<div>
    <ul>
        <li class="tile-high">0</li>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
</div>

Aparentemente, basta remover o :nth-child(odd)do último seletor e envolver a lista numa DIV cuja largura some as dimensões de todas as caixas (mais bordas e paddings do box-model):

div {
    width: 716px;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
ul li {
    width: 230px;
    height: 140px;
    margin: 0;
    border: 1px solid red;
    background: #999;
    overflow: hidden;
}
ul li.tile-high {
    width: 250px;
    height: 280px;
}
ul li {
    float: left;
}
<div>
    <ul>
        <li class="tile-high">0</li>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
</div>

Post restaurado por Bruno Augusto
Post removido por Bruno Augusto
Fonte Link
Bruno Augusto
  • 8,7mil
  • 3
  • 36
  • 49

Aparentemente, basta remover o :nth-child(odd)do último seletor e envolver a lista numa DIV cuja largura some as dimensões de todas as caixas (mais bordas e paddings do box-model):

div {
    width: 716px;   border:1px solid blue;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
ul li {
    width: 230px;
    height: 140px;
    margin: 0;
    border: 1px solid red;
    background: #999;
    overflow: hidden;
}
ul li.tile-high {
    width: 250px;
    height: 280px;
}
ul li {
    float: left;
}
<div>
    <ul>
        <li class="tile-high">0</li>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
</div>