                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

如何将这三个小方框以同样大小放到大框中？

<!DOCTYPE HTML>

<html>

<head>

#box1{

width:100px;

height:100px;

padding:10px;

border:1px solid red;

line-height:px;

position:absolute

}

#div1{

width:40%;

height:40%;

border:1px solid;

float:left;

margin:5% 5% 0 5%;

}

#div2{

width:40%;

height:40%;

border:1px solid;

float:right;

margin:5% 5% 5% 5%;

}

#div9{

width:40%;

height:40%;

border:1px solid;

position:absolute;

bottom:10%;

</style>

</head>

<body>

</div>

</body>

</html>

F_O_T_ground

2016-04-06

源自：初识HTML(5)+CSS(3)-升级版 13-9

关注问题我要回答

1399

操作

收起

3 回答

TMDLife 回答被采纳 +3 积分
2016-04-06

<!DOCTYPE HTML>

<html>

<head>

#box1{

width:100px;

height:100px;

border:1px solid red;

}

#div1{

width:30%;

height:100%;

border:1px solid;

float:left;

}

#div2{

width:30%;

height:100%;

border:1px solid;

float:left;

}

#div9{

width:30%;

height:100%;

border:1px solid;

float:left;

</style>

</head>

<body>

</div>

</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

F_O_T_ground 提问者

非常感谢！

2016-04-08 回复有任何疑惑可以回复我~

TMDLife 回复 F_O_T_ground 提问者

不客气：）

2016-04-11 回复有任何疑惑可以回复我~

TMDLife
2016-04-06

嗯,反正按照你的要求,就是这样了. 具体可以百度一下看看有没有更好的方案,3个能占100%的,如果有,请回复让我也长长见识.

0 回复有任何疑惑可以回复我~

收起回答

qq_溜溜_3
2016-04-06

#box1{
    width:100px;
    height:100px;
    padding:10px;
    border:1px solid red;
    line-height:px;
    position:absolute;
    position:relative;
}
#div2{
     width:40%;
    height:40%;
    border:1px solid;
    float:right;
    margin:5% 5% 5% 5%;
    position:absolute;
}

0 回复有任何疑惑可以回复我~

收起回答