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

rid*_*00z 6 html css

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

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

<body>
<form name="myForm" method="post" action="#"  >
    <div id="outerDiv" >
        <div style="width: 200px">
        Both the form and outer div stretch 100%. I am wondering how I
        would get them to wrap tightly around the inner div.
        </div>
    </div>
</form>
</body>
Run Code Online (Sandbox Code Playgroud)

谢谢你的时间和帮助.

Ole*_*sen 8

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

display: inline-block;
Run Code Online (Sandbox Code Playgroud)

  • 我这辈子你都去哪儿了。 (2认同)

Mic*_*oie 5

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

style="display: inline;"
Run Code Online (Sandbox Code Playgroud)

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

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

祝好运!