代码之家  ›  专栏  ›  技术社区  ›  Ashley

CSS浮动设置为右,但左浮动[重复]

  •  3
  • Ashley  · 技术社区  · 8 年前

    在本页: http://sneakersinsight.com/xml/adidas-nmd_xr1

    正如你所看到的,twitter feed就在照片旁边,我试图让它浮动到页面的右侧,与照片左侧的间距相同。

    twitter提要的css如下所示:

    .preview-twitter {
    margin: 0;
    padding: 0;
    position: relative;
    float: right;
    right:0;
    margin-top: 5%;
    margin-bottom: 3%;
    width: 40%;
    padding-top: 1%;
    padding-bottom: 1.38%;
    display: inline-block;
    background: #373737;}
    

    .item-preview {
    position: relative;
    margin-top: 5%;
    margin-bottom: 3%;
    left: 4%;
    width: 40%;  
    border: 10px solid #373737;
    border-width: -moz-calc(50% - 10px);
    border-width: -webkit-calc(50% - 10px);
    border-width: calc(50% - 10px);
    display: inline-block;
    padding: 0;}
    

    它们都包含在一个div中,其中css是:

    .preview-wrapper {
    display: flex;
    position: relative;
    overflow: auto;
    max-height: 42vw;
    min-height: 42vw;}
    

    如果您需要任何其他信息,请告诉我。

    谢谢

    1 回复  |  直到 8 年前
        1
  •  2
  •   Praveen Kumar Purushothaman Daniel Dewhurst    8 年前

    因为父母有:

    display: flex;
    

    删除 display: flex ,这也回答了为什么 float 不适用于两个孩子。

    preview

    您需要删除 flex 在两个方面: .preview-wrapper .两人都在 http://sneakersinsight.com/css/styles.css 在线 262 由于某种原因,它不是两个,但是您的样式表被加载了两次。请检查一下。