在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 當(dāng) li 里面嵌套div的時(shí)候,為什么嵌套的div默認(rèn)沒有和外層的 li一樣表現(xiàn)

當(dāng) li 里面嵌套div的時(shí)候,為什么嵌套的div默認(rèn)沒有和外層的 li一樣表現(xiàn)為橫排?


<div>
<ul class="bucket">
<li> <div> a</div> <div> aa</div></li>
<li> <div>b</div> </li>
</ul>
</div>
  .bucket li{
      display:inline-block;
      // display:inline;
    //  height:32px;
      background-color:#779911
  }

https://jsfiddle.net/Seven4X/...

回答
編輯回答
朽鹿

https://developer.mozilla.org...

因?yàn)閐isplay屬性不是默認(rèn)繼承的, div 的 display 屬性 并沒有從 li中繼承

2018年9月20日 00:35
編輯回答
汐顏

因?yàn)閐iv是塊級(jí)元素?？梢試L試將div設(shè)置display:inline-block

2018年7月21日 21:22
編輯回答
氕氘氚

因?yàn)槭菈K級(jí)元素，你可以給個(gè)左浮動(dòng)啊

2017年3月25日 10:53
編輯回答
有你在

把 li的樣式 display：inline 換 display：inline-block 就好。還有 行內(nèi)元素我開發(fā)過程中很少設(shè)置成inline，即使要轉(zhuǎn)換行內(nèi)也是 display：inline加個(gè)block 還能控制寬高，你這個(gè)inline就相當(dāng)把元素變成了span，這種行內(nèi)元素就別再套子元素了，a標(biāo)簽?zāi)憧赡芤娺^網(wǎng)站套東西的，但a比較特殊，別效仿
另外，inline并不等于你說的左浮了，你用float： left這才叫真正的左浮動(dòng)，也能實(shí)現(xiàn)你說的效果

2017年4月4日 11:18
編輯回答
拼未來

角度很刁專，塊級(jí)元素。。。

2018年5月20日 20:36
編輯回答
雨蝶
  .bucket li div {
      display:inline;
  }

不明白題主在說什么。

2017年8月21日 07:14
編輯回答
失心人
<html>

<head>
    <title> </title>
<style type="text/css">
  .bucket li{
      float:left;
      display:inline;
  }
</style>

</head>
<body>

<div>
<ul class="bucket">
<li> <div> a</div> </li>
<li> <div>b</div> </div>
</ul>
</div>
</body>
</html>
2017年9月28日 00:35