两个都加上：vertical-align:top; ...

html中常见的块元素：div、p、h1-h6、ul、ol、li、hr、table、pre等 块级元素新开启一行即使是设置了width属性也是独占一行（可设置float浮动属性调整布局）、尽可能撑满父级元素的宽度，可以设置width和height属性；table元素浏览器默认的display属性 ...

费话不多说，直接上问题： 1.开始时，页面只有两个DIV的嵌套（见图） 运行结果是： 现在看运行的是正常的，但是当我设置让 class="box2" 的DIV浮动时 运行结果是这样的： 图中可以看出，box1中已经没有了任何高度，这是由于box2设置了浮动属性 ...

同一个div两个元素并排，间距10style="float:left; margin-right:10px;" ...

在一个div中，需要对其里面的元素变成行内元素，但是使用display:inline-block会发生水平不对齐的情况 这个时候可以对父元素div使用弹性布局改变为行方向： ...

我们可以发现：两个行内块元素，宽度相加刚好等于父盒子容器的元素，但第二个元素掉在第二行，这是什么问题呢？ 我们先来看一下效果： 效果图： 我们可以看到这两个行内块元素并不在一行，这个原因其实就是，两个div之间存在换行，会把它看成一个空格，如果两个div之间不换 ...

1.行内元素及行内块元素的水平居中对齐，可以给其父元素添加text-align:center; 4块级盒子水平居中对齐可利用外边距，但必须满足条件： ①盒子必须指定宽度 ②盒子左右的外边距都设置为auto ...

效果实现： 需求：两个行内元素 实现两端对齐 两端对齐 是 因为行内元素 不能设置宽度 所以 将行内元素变为 inline-block,或者block 发现依旧不可行 查看代码，添加一个伪元素 完整代码 当然 如果文字不是动态读出来 ...