html有办法这样布局吗 求解答

html怎么实现这种布局,还是不能实现这种布局,怎么实现?有点困惑,求解答

img

可以通过一个伪类或者一个空div来把图片挤到左下角,如果高度未知,需要通过js动态计算高度

img

<!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>
  <style>
    * {
      margin: 0;
      padding: 0;
    }
    .box {
      width: 420px;
      margin: 20px auto;
      border: 1px solid #e5e5e5;
      padding: 10px;
    }
    .box::before {
      content: "";
      float: left;
      width: 1px;
      height: 216px;
    }
    .box > img {
      width: 200px;
      height: 132px;
      float: left;
      clear: left;
      margin: 4px 4px 0 0;
    }
  </style>
</head>
<body>
  <div class="box">
    <img src="./static/bg.png" alt="">
    <p>近日,黑龙江的于先生很无奈,因为新年都过完很久了,而他在1月14日通过邮政速递邮寄的年货至今未送达,距今已有32天了。据了解,年前于先生买了7盒北京稻香村的糕点,价值1200多元,花费100多元运费邮寄至牡丹江市,当时想着快递很快就能到,所以未做保价。几天后于先生查询物流信息时发现,该快件于1月18日到达牡丹江市寄递事业部网络中心,随后发往牡丹江市西安揽投部,然后便再未更新快递信息。于先生在2月份与邮政快递物流热线沟通时,客服人员虽给了他牡丹江市西安揽投部的电话,但他一直没打通,所以直到现在,于先生都不知道他的快递到哪了!小编我觉得,邮政寄东西慢,这是老大难问题,一直没解决。但于先生的快递32天了还没到,也是创记录了。建议于先生去投诉吧,说不定还有希望。以后邮寄东西还是用顺丰,至少比邮政快。</p>
  </div>
</body>
</html>

第一张效果图是没有加任何样式的,第二张是加了float:left;之后的,如果你想要你题目中的那种格式的话,把图片放到文字的中间就可以了


<!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>
    <style>
      img {
        float: left;
      }
    </style>
  </head>
  <body>
    <div>
      <img src="/customer.png" alt="" />
      <div>
        安放了你多少了几个般的肌肤nod就的功夫换个环境包括你们看见还不够v和处罚规定看见换个风格构成复合结构v不会坎级拿了阿斯顿法定啊的萨芬给他的该触犯v给你红包吗你把卡号
        阿斯顿法国红酒看看官方官方娃娃十大丰富阿斯顿法国红酒看来我打法师攻防对话框更加深刻的报价暗室逢灯给反对
      </div>
    </div>
  </body>
</html>

img

img

图片css设置float:left属性
http://t.csdn.cn/fRHLn