Question

我想要完成的是将文本与浮动的img的顶部和左侧对齐，并立即在下面包裹，没有边距。当我在“＆＃39; p＆＃39;图像没有底边距，但我希望padding属性在我的样式表中处于活动状态。

http://codepen.io/BennyHH/pen/vGxVwz HTML

myConfig.inputsTable

CSS

<div id="box">
  <div id="xob">
  </div>
  <p><!-- Text --></p>
</div>

Answer 1

它不是完全清楚预期结果是什么，但我认为你只需要在图像/浮动元素上有负底边距。

我想要完成的是将文本与浮动的img的顶部和左侧对齐，并立即在下面包裹，没有边距。

#box {
  width: 300px;
  height: 300px;
  background: silver;
}
#xob {
  width: 50px;
  height: 55px;
  background: blue;
  float: left;
  margin: 13px;
  margin-bottom: -13px;
}
p {
  padding: 13px;
}
* {
  box-sizing: border-box;
}

<div id="box">
  <div id="xob">
  </div>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>

将文本与浮动img对齐

1 个答案: