当前位置：网站首页>DIV横向布局

DIV横向布局

2022-06-22 18:13:00 【sayyy】

<body>
<div class="dpContainer">
	<div class="dp dpLeft" >
	</div>
	<div class="dp dpRight" >
	</div>
</div>
</body>

	<style type="text/css">
		body {
    
			width: 3840px;
			height: 1080px;
			margin: 0;
		}
		.dpContainer{
    
			display: flex;
			width: 100%;
			height: 100%;
		}
		.dp{
    
			width: 1920px;
			height: 1080px;
			flex: 1;
		}
		.dpLeft{
    background-color:yellow;}
		.dpRight{
    background-color:red;}
	</style>