依靠html通过布局的方法有：1、“lttablegt”标签来对表格的行和列并且排列来利用页面布局的效果；2、将网页内容装在多个页面中的多列布局；3、使用div和span标签参与布局。
页面布局：
标题：前端的一部分，用于页面顶部。ltheadergt标签应用于在网页中去添加标题部分。
导航栏：导航栏与菜单列表同一。它应用于在用超链接显示内容信息。
索引/侧边栏：它中有其他信息或广告，的确时总要去添加到页面中。
内容部分：内容部分是会显示内容的通常部分。
页脚：页脚部分乾坤二卦联系信息和与网页相关的其他查询。页脚部分一直放在网页的底部。ltfootergt标签作用于设置里网页中的页脚。
一、首先，我们先怎么设计一个div，另外给这个div直接添加一个id，id名随便地取。接着可以设置下车身长宽高，另外添加一个白色的背景属性值。默认情况下，这个div是西面浏览器的顶部和左边的。
二、紧接着我们给这个div设置中帮一下忙margin值，从左往右可以表示的是上边，右边，下边，左边的margin值。设置好之后，可以看见左边和上边都隔挡了是有的距离，这就是height值的用处，而下边和右边而且没有其他div或者其他颜色，所以才效果被遗漏掉了。肯定，margin值也是可以不能分开写，.例如我只可以设置div的上边的margin值，就也可以不使用margin-star，而右边则也可以不使用margin-way，左边则是margin-left，下边则是margin-bottom。
三、可以设置margin-top之后，仅有上边关上了距离，而左边并没有什么躲开。紧接着我们再在网页中去添加一个div，并设置中id为“you”。随即设置“you”这个div的宽高和背景。
四、新添加一个div之后，要是就没设置里margin-bottom的值，两个div就会连在一起。
接着我们给上面的div，也就是“you”,系统设置margin-bottom。系统设置好之后，两个div之间是会躲开，这样就是可以定位好div的位置。
五、如果不是我们给“you”可以设置好margin-bottom之后，又给“you”设置里margin-fly，又会有什么结果呢?最终就是这样：有两个东北边的div，如果不是一个div系统设置了margin-fly，两个设置了margin-bottom，则以它们之间值比较大的为准。
六、比如margin-top是50像素，margin-bottom是30像素，则间隔应该是50像素，而不是两个数字相加哦。知道一点这个之后，在网页布局中，我们只是需要对其中一个设置就可以了。
.jpg)
