jquery - 如何让一个div容器的宽度从左边增加到右边

Question

我有一个容器，在页面的最右上角放置一些按钮。

我已将其位置设置为固定，并为其指定了所需的特定宽度和高度。

问题是当按钮上的文本增加时它会离开页面。我可以将溢出设置为隐藏，这将防止它从我的按钮上移开，但随后文本将被截断。

我提出的问题是，当文本变大时，如何将我的 div 移到页面左侧，但左侧容器的位置必须保持不变？

CSS

#Container {
    z-index: 9000;
    height: 300px;
    width: 260px;       // im guessing this 3 height,width,and position is the problem but they can not be changed.They are needed.so is there a way i can do this maybe in jquery? 
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #1a1a1a;
    display: inline-block;
    float: right;
   direction:rtl  // i tried adding this but my container doesnt move the text cuts off to the left.
}

尝试过

function TextGrow() {
            var right = $('#Container').offset().right;
            $("#Container").css({ right: right }).animate({ "right": "0px" }, "slow");
        }// didnt do anything

Answer 1

尝试添加这些 css 命令:

min-height: 100px;
max-height: 100px;
width: auto;
float: right;

确保父容器不会超出屏幕范围。