Hoy, cuando estaba haciendo el diseño de la interfaz, encontré un problema, es decir, necesito usar el diseño izquierdo, medio y derecho para hacer una búsqueda avanzada por mí mismo. Lo hice yo mismo y encontré el problema. . . No es lo que pensaba. El
efecto de hacer que el contenido se desborde puede referirse a la proyección de Dangdang
Código de solución correcto
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
margin: 0px; padding: 0px;}
.l,.r{
width: 100px; height: 100px; background-color: red; margin: 0px;}
.l{
float:left;}
.r{
float: right;}
.c{
background-color: yellow; height: 400px; margin:0 100px;}
</style>
</head>
<body>
<div class="nav">
<div class="l">左边</div>
<div class="r">右边</div>
<div class="c" >中间 </div>
</div>
</body>
</html>
Imagen del efecto:
Oye: La idea central de la solución es: evitar que el contenido del medio se desborde. Aquí usamos el margen de atributo del mejor modelo de cuadro