Question

这里是CSS，下面是html代码。不知道为什么该设置不起作用。任何帮助将不胜感激。

div.logo img {
    height: 100px; 
    width: 200;  
    position: absolute; 
    display: table-cell; 

}

<div class="a container-fluid">
        <div class="row">
        <div class="col-md-12">
          <div class="logo"><img  src="logo.png">

Answer 1

您应该将img设置为“ display：block”

Answer 2

尝试指定位置：相对于父容器的位置，并将display：block分配给div'徽标'，也许这样对您有用。尽管同一段代码在CodePen中对我有用，但还是附加一些小提琴以使内容更清晰。

Answer 3

尝试一下：

div.logo img {
    height: 100px; 
    width: 200;  
    position: absolute; 
    display: block;
    border:1px solid red;
}

<div class="a container-fluid">
  <div class="row">
    <div class="col-md-12">
      <div class="logo">
        <img  src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" />
      </div>
    </div>
  </div>
</div>

https://jsfiddle.net/42eot71s/

使用div类设置CSS样式-不起作用

3 个答案: