使用div類設置CSS樣式-不起作用

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

嘗試將position：相對於父容器，然后將display：block賦予div'logo'，也許它會為您工作。 盡管同一段代碼在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/