会玩gpt的可以和gpt来回互动得到答案，告诉gpt需要设置的图片上的一些参数让它帮忙写代码，但是别直接复制过来，需要验证代码正确性 使用浮动布局来实现下图所示的页面布局效果，其中各个元素之间的间距是 10px。下面只给出必要的尺寸，外边框为灰色 1px 。 [i] 布局, 题目
[HTML] 纯文本查看 复制代码 Document * { margin: 0; padding: 0; box-sizing: border-box; } .main { padding: 10px; width: 820px; height: 520px; margin: 200px auto; border: 1px solid #ccc; } .nav { width: 800px; height: 100px; background-color: rgb(155, 172, 217); } .content { margin-top: 10px; height: 390px; display: flex; } .left { width: 270px; height: 100%; background-color: rgb(174, 209, 158); margin-right: 10px; } .right { width: 520px; height: 100%; background-color: rgb(255, 216, 145); }
[HTML] 纯文本查看 复制代码 Document * { margin: 0; padding: 0; } .main { width: 800px; height: 500px; margin: 0 auto; /* background-color: #f99; */ border: 1px solid #ccc; } .nav { height: 100px; background-color: rgb(155, 172, 217); } .content { margin-top: 10px; height: 390px; display: flex; } .left { width: 270px; height: 100%; background-color: rgb(174, 209, 158); margin-right: 10px; } .right { width: 520px; height: 100%; background-color: rgb(255, 216, 145); }
