初学web前端，请大家多多提意见前几天学的学写盒子模型

末蓝、 2023-06-11 03:13 2阅读 0赞

1 <!DOCTYPE html>
     2 <html>
     3 <head lang="en">
     4     <meta charset="UTF-8">
     5     <title></title>
     6 </head>
     7 <body>
     8     <div style="border: 1px solid red; width: 1000px;margin: 0px auto" >
     9         <div style="border: 1px solid red;">
    10             <div style="border: 1px solid red;width: 500px;height: 400px;float: left"></div>
    11             <div style="border: 1px solid red;width: 492px;height: 400px;float: right">
    12                 <div style="border: 1px solid red;width: 49%;height: 49%"></div>
    13                 <div style="border: 1px solid red;width: 49%;height: 49%"></div>
    14                 <div style="clear: both"></div>
    15             </div>
    16         </div>
    17         <div style="border: 1px solid red;">
    18             <div style="border: 1px solid red;height: 200px;width: 30%;float: left"></div>
    19             <div style="border: 1px solid red;height: 200px;width: 69%;float: right"></div>
    20         </div>
    21     </div>
    22 </body>
    23 </html>

效果图：

![1297195-20171212192529754-1485908355.png][]

更多专业前端知识，请上 **【猿2048】www.mk2048.com**

[1297195-20171212192529754-1485908355.png]: /images/20230531/abd732fb6b904033acf792d656ac0b31.png

发表评论取消回复

表情：

评论列表（有 0 条评论，2人围观）

还没有评论，来说两句吧...

相关阅读

相关【Web前端】CSS-盒子模型

文章目录一、盒子模型 1、网页布局的本质 2、盒子模型（Box Model）组成 3、边框（border）

谁践踏了优雅/ 2024年04月07日 12:53/ 0 赞/ 90 阅读

相关我的素描基础练习第二周~欢迎大家多提意见哈

完全靠网上教程自学，画的不好，欢迎大家多提意见。蟹蟹。第二周的第一天，由于心态不好，静不下心来画画！ ![watermark_type_ZmFuZ3poZW5naGVpd

短命女/ 2023年07月13日 04:26/ 0 赞/ 117 阅读

相关初学web前端，请大家多多提意见前几天学的学写盒子模型

1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UT

末蓝、/ 2023年06月11日 03:13/ 0 赞/ 3 阅读

相关我的素描基础练习第一周~欢迎大家多提意见哈

完全靠网上教程自学，画的不好，欢迎大家多提意见。蟹蟹。

淡淡的烟草味﹌/ 2023年05月29日 06:16/ 0 赞/ 5 阅读

相关 web前端学习10-css盒子模型

学习10-css盒子模型 <!DOCTYPE html> <html> <head> <meta charset="utf-8">

我就是我/ 2023年02月17日 06:29/ 0 赞/ 182 阅读

相关我自己写了一个框架，开发了一个小说网站!大家多多提意见！

我自己写了一个框架，开发了一个小说网站！星火小说网 www.52xinghuo.com 框架实际上就是ruby语言的rails框架和python的pylons框架结合，然后

深藏阁楼爱情的钟/ 2022年04月22日 12:10/ 0 赞/ 238 阅读

相关为什么学Web前端？选择Web前端理由！

在互联网+的浪潮影响下，移动互联网行业的发展也是突飞猛进，越来越多的企业开始向移动互联网这块大蛋糕上进攻。据可靠数据分析，我国对开发人员的需求量高达200万人左右，且数据还在不

桃扇骨/ 2022年03月12日 03:10/ 0 赞/ 323 阅读

相关 WEB前端盒子模型稳定性

WEB前端-CSSS盒子模型稳定性盒子模型布局稳定性按照优先使用宽度（width）其次使用内边距（padding）再次外边距（margin）。

女爷i/ 2022年01月10日 07:11/ 0 赞/ 239 阅读

相关 WEB前端盒子模型初识

CSS盒子模型盒子边框（border） border : border-width || border-style || border-color

女爷i/ 2022年01月10日 07:09/ 0 赞/ 398 阅读

相关前端盒子模型

CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封

谁借莪１个温暖的怀抱￠/ 2021年12月08日 22:19/ 0 赞/ 276 阅读