谁能告诉我为什么我的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元素浮动,但它仍浮动在第二行的下方。