”标签来对表格的行和列进行排列来实现页面布局的效果；2、将网页内容放在多个页面中的多列布局；
3、使用div和span标签进行布局。
二、html的四种局部布局
1、将左右的div宽度设为300px,分别左右浮动，中间盒子不设宽度。注意：先写右边盒子，再写中间盒子，否则先渲染中间盒子，中间盒子会占满该行剩下的宽度，右边盒子只能换行显示，就会出现下面的情况。
2、第二种：绝对定位（position:absolute）
3、设置父盒子position:relative（相对定位），三个子盒子position：absolute,左盒子left:0,右盒子right:0;中间盒子left:300px;right:300px。
4、父盒子display:flex，左右盒子设置宽度：300px，中间盒子flex:1(flex-grow:1flex-shrink:1flex-basis:0%)不考虑元素尺寸自由伸缩。
5、父盒子display:flex，左右盒子设置宽度：300px，中间盒子flex:1(flex-grow:1flex-shrink:1flex-basis:0%)不考虑元素尺寸自由伸缩。
三、html布局思路
1、主要使用position样式来进行定位元素，定位元素又可以分为绝对定位（position:absolute）和相对定位（position:relative），绝对定位的对象是脱离正常的文档流，使用top，right，bottom，left等属性进行绝对定位，其层次关系顺序可以通过z-index属性来定义。相对定位是遵循正常的文档流，top，right，bottom，left等属性在正常的文档流中进行偏移位置。
2、主要是使用float样式来定义元素的浮动，浮动可以设为左浮动（float：left）右浮动（float：right）不浮动（float：none）当你设置了元素为浮动元素的时候元素对象的display会被自动忽略，所以浮动元素的大小由它所包含元素的大小决定。
3、如何清除元素的浮动的，我们可以使用clear元素来清除浮动，当clear：none的时候允许两边都可以有浮动对象、当clear：left的时候不允许左边有浮动对象、当clear：right的时候不允许有右浮动对象、当clear：both的时候不允许元素左右两边有浮动对象。
4、弹性布局又称flex布局，可以用弹性布局来做相应式网站
四、网页常见的布局样式
在桌面建立一个index.htm的文件和main.css的文件，当然你也可以不用main.css的文件，但是为了方便操作，还是建一个吧。只要把记事本另存为就可以了。做好这两个文件后我们把网页的基础代码写上去，并使index文件受到main.css的控制，我们右键选择用记事本打开index文件输入代码，并在head里写上使它受到main.css控制
五、css文本布局方式有哪些
1、CSS文本布局方式包括浮动、定位、弹性布局和网格布局。
2、浮动方式是将文本框向左或向右浮动，使其他元素环绕其周围排列；定位方式是通过设置元素的绝对或相对位置来进行布局；弹性布局是在父元素内部，根据元素的比例或空间分配方式自适应调整布局；网格布局是通过将页面分成网格，将元素放置在不同的网格中进行布局。不同的文本布局方式可以灵活地实现不同的页面布局效果，提高了网页的可读性和美观性。
文章分享结束，html布局有哪些和html的四种局部布局的答案你都知道了吗？欢迎再次光临本站哦！
——————————————小炎智能写作工具可以帮您快速高效的创作原创优质内容，提高网站收录量和各大自媒体原创并获得推荐量，点击右上角即可注册使用
发布时间：2023-11-17 12:25:41
发布者：网友 
