如何使表单和Div具有子元素的最大宽度

我想知道如何制作一个Form并且Div具有子元素的最大宽度.例如,在此示例中,form和outerDiv都会拉伸页面的整个宽度.我希望表单和outerDiv的宽度为200px.

当我在iframe中有这个页面时,这会成为一个问题,因为页面的宽度比iframe大,我得到一个水平滚动条.

    

        

        Both the form and outer div stretch 100%. I am wondering how I
        would get them to wrap tightly around the inner div.
        
    

谢谢你的时间和帮助.

要使块显示像内联元素,您可以使用

display: inline-block;

我相信"正确"的方法是使它们成为内联元素:

div是块元素并填充其容器,跨度是内联元素并缩小以适合其内容.

您可以将跨度用作容器,也可以将上述样式添加到div中.

祝好运!