在设置nth-child(odd)并设置'.sayari:nth-​​child(odd){clear:both;}'之后,为什么div元素不会浮动到右上角?

时间:2019-12-31 02:08:08

标签: html css

谁能告诉我为什么我的div元素没有从右上方浮动?我的代码发布在下面。

<div class='sayari'>नज़रे करम मुझ पर इतना न कर, की तेरी मोहब्बत के लिए बागी हो जाऊं, मुझे इतना न पिला इश्क़-ए-जाम की, मैं इश्क़ के जहर का आदि हो जाऊं।</div>
<div class='sayari'>नज़रे करम मुझ पर इतना न कर, की तेरी मोहब्बत के लिए बागी हो जाऊं, मुझे इतना न पिला इश्क़-ए-जाम की, मैं इश्क़ के जहर का आदि हो जाऊं।</div>
<div class='sayari'>नज़रे करम मुझ पर इतना न कर, की तेरी मोहब्बत के लिए बागी हो जाऊं, मुझे इतना न पिला इश्क़-ए-जाम की, मैं इश्क़ के जहर का आदि हो जाऊं।</div>
<div class='sayari'>नज़रे करम मुझ पर इतना न कर, की तेरी मोहब्बत के लिए बागी हो जाऊं, मुझे इतना न पिला इश्क़-ए-जाम की, मैं इश्क़ के जहर का आदि हो जाऊं।</div>

我的CSS在

以下
.sayari {float: left;position:relative;width: 100%;max-width: 50%;
display: inline-block;height: auto;box-sizing: border-box;margin-bottom: 10px}
.sayari:nth-child(odd){clear: both;}

以下是我发布的屏幕截图。在屏幕快照中,您可以看到页面右侧有空间,我也在此处尝试使div元素浮动,但它仍浮动在第二行的下方。

Screenshot

0 个答案:

没有答案
豫ICP备18024241号-1