Question

我创建了一个有四个角的小形状（用于圆角）...我希望能够将上部中心的宽度设置为AUTO，这样它就会占用最大值，因此总宽度为500px（见下文）“减去”每个角落12px ...但它只是崩溃 - 汽车似乎无法工作..无论如何围绕这个还是我需要输入手册图？

我希望能够通过名为contact-form的容器div控制大小.....因此想要使用AUTO ...否则我必须在多个地方更新大小..

#contact-form
{
   width:500px;
   float:left;   
}

#corner-upper-left
{
   background-image: url('../images/uppleft.gif');
   background-repeat: no-repeat;
   float:left;
   width:12px;
}

#upper-center
{
   float:left;
   background-color: #F04A23; /* Red */
   width:auto;
}

#corner-upper-right
{
   background-image: url('../images/uppright.gif');
   background-repeat: no-repeat;
   float:left;
   width:12px;
}

HTML更新

    <div id="contact-form">
        <div id="corner-upper-left">
            &nbsp;
        </div>
        <div id="upper-center">
            &nbsp;</div>
        <div id="corner-upper-right">
            &nbsp;
        </div>
        <div id="center-section">
            &nbsp;
        </div>
         <div id="corner-bottom-left">
            &nbsp;
        </div>
        <div id="bottom-center">
            &nbsp;</div>
             <div id="corner-bottom-right">
            &nbsp;
        </div>
    </div>

Answer 1

尝试宽度：100％，它应该适合其容器。对于实际测试，请发布您的HTML：）

使用宽度：自动不适用于div上的中间浮点数？

1 个答案: