对齐块的宽度

时间:2013-12-01 11:48:21

标签: css css3

请帮助对齐物品块,使行的极端元素的宽度粘在父母koneynera的边缘(通常是在线商店,因此安排商品)。

here我意识到自己想要什么。但在safari和ie9布局中断((

the same,但在jsfiddle,如果你会这么舒服

重要的是文章没有通过浮动对齐,而是通过内联块

的CSS:

.reviews_inner .list{
    overflow: hidden;
    margin: 0 -20px;

    text-align: left;
    font-size: 0;
    line-height: 0;
}   

    .reviews_inner .list .article{
        overflow: hidden;
        width: 460px;
        display: inline-block;
        margin: 0 20px 16px;

        vertical-align: top;
    }

        .reviews_inner .list .article .left{
            float: left;
            width: 108px;
        }

            .reviews_inner .list .article .left .outer{
                width: 100px;
            }

                .reviews_inner .list .article .left .outer img{
                    display: block;
                }

        .reviews_inner .list .article .right{
            float: right;
            width: 342px;

            text-align: left;
        }   

            .reviews_inner .list .article .right .author{
                text-transform: uppercase;
                font: 23px arial, sans-serif;

                display: inline;
                margin-right: 10px;
            }

            .reviews_inner .list .article .right .city{
                font: 23px arial, sans-serif;
            }               

            .reviews_inner .list .article .right p{
                font: 15px arial, sans-serif;
            }

1 个答案:

答案 0 :(得分:0)

你的宽度有问题

制作你的

.wrapped {
width:980x;
}

但是,我真的不喜欢这个解决方案。但是这应该会给你一些关于如何在这方面取得进展的提示。总水平宽度超过可用...