如何在其他div中创建一个Div,其宽度为体宽的百分比而不是边界框?

时间:2010-12-11 16:56:18

标签: css

代码如下所示:

<body>
        <div id='1'>
           <div id='2'>
           </div>
        </div>

的CSS:

        #1 {
         width:              62%;
        }

       #2 {
         width:              28%;
        }

因为内部div的宽度相对于外部div的宽度,所以内部div的宽度将为0.62 * 0.28 *“body width”。这使我在重新缩放窗口时不保持div的比例。有没有办法让内部div具有相对于车身宽度的尺寸?

2 个答案:

答案 0 :(得分:1)

您可以随时根据外部宽度缩放内部宽度,例如。 (100 / 62) * 28 = 45,所以如果你制作了内心DIV 45%,它将相对于身体28%

答案 1 :(得分:-1)

id s不能以数字开头。如果您将id12更改为foobar,则会有效。