为什么圣杯布局在我改变浏览器页面大小时，布局会错乱呀？

首页课程实战体系课手记专栏慕课教程

来源：3-1 圣杯布局（了解即可）

lcyjerry

2019-08-04 17:53:32

为什么圣杯布局在我改变浏览器页面大小时，布局会错乱呀？

写回答

3回答

好帮手慕星星

2019-08-04

已采纳

你好，这就是窗口缩小之后的：

水平方向上出现滚动条，进行拖动查看即可，布局上是没有问题的。

可以再测试下。

hcyjerry

h 这是我的源代码老师 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> * { padding: 0; margin: 0; } .container { padding: 0 220px 0 200px; } .left, .middle, .right { position: relative; float: left; min-height: 300px; } .middle { width: 100%; background: blue; } .left { width: 200px; background: black; margin-left: -100%; left: -200px; } .right { width: 220px; background: yellow; margin-right: -220px; } </style> </head> <body> <div class="container"> <div class="middle">1111111111111111111111111111111111</div> <div class="left"></div> <div class="right"></div> </div> </body> </html>

h019-08-04

共2条回复