Question

我想要一个父div，我可以创建一些儿童div，它们应该适合专利div，不应该超出父div

我如何创建一个父div，其中所有子div具有相同的高度，并且它们不应该超出它

这是我的HTML和CSS

＆＃13;

<html>
    <head>
        <style>

            html,
            body {
	    	padding: 20px;
	    }

	    #parent {
		    display: block;
		    height: 100%;
		    width: 100%;
		    background: #ccc;
	    }

	    #child1 {
		    display: block;
		    height: 10%;
		    width: 100%;
		    background: #333;
	    }

	    #child2 {
		    display: block;
		    height: 100%;
		    width: 25%;
		    background: #456;
	    }
	</style>
    </head>
    <body>
	    <div id="parent">
		    <div id="child1"></div>
		    <div id="child2"></div>
	    </div>
    </body>
</html>

＆＃13;

Answer 1

将float：left样式添加到child1

 <div id="parent">

        <div id="child1" style="float:left"></div>
        <div id="child2"></div>

    </div>

Answer 2

儿童1的身高为10％，因此儿童2应保持90％的身高所以改变child2的高度

#child2
    {
        display: block;
        height: 90%;
        width: 25%;
        background: #456;
    }

为什么我的孩子div不在父母div之外？

2 个答案: