如何在不使用绝对位置的情况下从右侧阻止 div 的宽度扩展？

大佬教程收集整理的这篇文章主要介绍了如何在不使用绝对位置的情况下从右侧阻止 div 的宽度扩展？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何在不使用绝对位置的情况下从右侧阻止 div 的宽度扩展？？

我想创建一个 div 元素，当我们在其中添加任何内容时，该元素仅从左侧展开。

<div 
    ID="sent_message"
    style='BACkground-color: #2b89cc; color: white; Font-family: Arial,Helvetica,sans-serif; margin-top: 10px; display: inline-block; max-wIDth: 50%; min-wIDth: 20%; Font-size: 25px; border-radius: 5px; word-wrap: break-word; position: relative; right: -1360;'>
    <p>Hello</p>
</div>

我不想使用 position:absolute 来完成这项工作。有没有办法阻止div从右侧扩展？我会很高兴回答。

解决方法

window.setTimeout(function(){
    document.querySELEctor('#sent_message p').innerHTML = 'Hello World,welcome!';
},1000);

#sent_message {
  BACkground-color: #2b89cc;
  color: white;
  font-family: Arial,Helvetica,sans-serif;
  margin-top: 10px;
  display: inline-block;
  max-width: 50%;
  min-width: 20%;
  font-size: 25px;
  border-radius: 5px;
  word-wrap: break-word;
  position: relative;
  float: right;
}

<div id="sent_message">
  <p>Hello</p>
</div>

大佬总结

以上是大佬教程为你收集整理的如何在不使用绝对位置的情况下从右侧阻止 div 的宽度扩展？全部内容，希望文章能够帮你解决如何在不使用绝对位置的情况下从右侧阻止 div 的宽度扩展？所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。