有什么办法能让字不在图片什么吗？

缩小之后，图片在文字下面了，有什么办法能让他们不挡住吗¯༼ᴼل͜ᴼ༽/¯

img

宽度单位用px

.box{width:1200px;overflow:hidden}
.left{width: 800px;float:left}
.right{width:400px;float:right}
<div class="box">
  <div class="left"></div>
  <div class="right"></div>

试试这个？文字围绕图片。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div style="width:400px;">
        <div style="float:left; clear: both;" align="center">
            <img src="assets/logo.png" width="120" alt="" hspace="10"><br /> 图像标题
        </div>
        文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片文字围绕图片
    </div>
</body>
</html>

用相对定位就行了，相对定位最初就是用来实现文字围绕的