Question

我的网站在Chrome中运行良好，但在Safari中，我的图片不会浮动到文章的左侧。以下是CSS：

body    {
    background-color:white;
    font-family: 'Josefin Slab', serif;
}

.top_portion    {
    width:820px;
    height:200px;
    background-color:#e2e2e2;
    margin:auto;
    text-align:center;
    border-top:5px;
    border-bottom:5px;
    border-left:0px;
    border-right:0px;
    border-style:solid;
    border-color:#30474b;
}

.top_portion    img     {
    padding-top:0px;
}

#welcome    h1  {
    margin-top:0px;
    text-align:center;
    padding:0px;
    margin-bottom:0px;
}

#welcome    h3  {
    margin:0px;
    text-align:center;
}

#welcome    {
    margin:auto;
    background-color:#e2e2e2;
    width:820px;
}

#navigation {
    text-align:center;
}

#navigation li  {
    list-style-type:none;
    display:inline;;
}

ul  {
    font-size:20px;
    margin:0;
}

ul a {
    padding-right:20px;
    text-decoration:none;
    color:black;
}

a:hover {
    color:#888eee;
    }

这是包含图片和文章的div

.info {
    width:820px;
    margin:auto;
    background-color:#e2e2e2;
    overflow:hidden;
}

这是图片

.info img { 
    padding-top:6px;
    padding-left:5px;
}

以下是这篇文章，上面的.info img应该是彼此相邻的，但它们不在Safari中，已经更新到最新版本。

article {
    padding-left:5px;
    font-family:sans-serif;
    text-indent:15px;
    width:600px;
    float:right;
    background-color:#e2e2e2;
    display:inline-block;
    text-align:justify;
}

article h2  {
    font-family: 'Carme', sans-serif;
    margin-top:5px;
}

h5  {
    padding:0;
    margin:0;
}

a   {
    color:black;
}

#bottomlink {
    font-size:1.5em;
    text-align:center;
}

#bottomlink a   {
    text-decoration:none;
}

Answer 1

浮动：左;对于img 并且不要打扰浮动：对;在文章上

如何在Safari中我的图像不会浮动到我的段落的左侧

1 个答案: