Question

我在属性类中写了图片宽度，从图片的右边缘开始放置价格15像素。现在正确的工作正常，但如果我删除它，价格将放在距页面右边缘15px ..

HTML：

artid

的CSS：

<div class = "property">
    <img src = "http://preview.byaviators.com/template/realia/assets/img/tmp/property-small-1.png"/>
    <div class = "type">House</div>
    <div class = "price">90 000 €</div>
</div>

你能建议一种方法，我会避免写图片的宽度，并且正确的方法可以正常工作吗？谢谢，p.s。 code

Answer 1

您可以尝试此https://jsfiddle.net/ht80y82y/1/

<强> CSS

.property {
  display: inline-block;
  position: relative;
  width: auto;
}

Answer 2

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>元素（div）默认为.property。这意味着元素宽度将从其父级继承。但是，您可以通过提供display:block;等来解决您的问题。

Jsfiddle

或者将display:inline-block;更改为div。

Jsfiddle

避免手动写入图片宽度

2 个答案: