HTML中 Div标构建的块与块之间 默认 是平行的还是垂直的，控制相关代码是啥？

Posted 2023-05-02

div 块与块之间是如何机制写入整个浏览器的。如：代码写了两个div，他们默认是如何出现在浏览器上的，哪些属性影响这两个div的分布

浏览器的布局格式是流式布局方式，也就是一个个的放，放满了就放到下一行，因为div是行级元素，独占一行，所以默认是平行排列的，也就是上下关系，如果希望div出现在一行，可以让div“浮”起来，因为浮起来之后，它就不会占用一行了。下面的div就可以放到它的后面。具体实现的在前面div样式加float属性“style=“float：left””其实left和right左浮动和右浮动都可以达到效果，根据你的需要。 参考技术A 默认是平行的。。得用css来控制 比如浮动，给div加行内样式：style="float:left"就可以使其垂直排列了 参考技术B div默认具有样式display:block，display:block是指该元素是块元素，默认占据一行。相对的，span等为行元素，其默认display属性值为 inline，不会占据一行。

块元素可以具有高宽定义，而行元素即便定义了高宽也不会有任何作用（IE在某些版本的DTD下除外）

同时我建议你多实践，光看书没什么用。这种东西你只要自己实际运行一下其实就一目了然的。本回答被提问者和网友采纳

[html]------行内元素与块级元素

块级元素(block element)
div -最常用的块级元素
dl - 和dt dd搭配使用的块级元素
form - 交互表单
h1 - 大标题
hr - 水平分隔线
ol - 排序表单
p - 段落
ul - 非排序列表

内联元素(inline element)
a - 锚点
b - 粗体(不推荐)
br - 换行
em - 强调
font - 字体设定(不推荐)
i - 斜体
img - 图片
input - 输入框
label - 表格标签
select - 项目选择
small - 小字体文本
span - 常用内联容器，定义文本内区块
strike - 中划线
strong - 粗体强调
sub - 下标
sup - 上标
textarea - 多行文本输入框
tt - 电传文本
u - 下划线