Html CSS两个双div，一个固定一个水平移动

问题是一个分区向下移动，一个分区向上移动，为什么？ 我做了两个双除法，都是内联块和向右浮动，每个块内部都是一样的。 我尝试了很多改变，没有任何解决办法

。律师在线{
显示：内联块；
宽度：200px；
高度：100px；
利润率：10px；
}
律师阿凡达{
显示：内联块；
高度：100px；
宽度：100px；
浮动：对；
}
律师阿凡达亲戚{
位置：相对位置；
}
.律师姓名栏{
位置：绝对位置；
底部：0em；
右：0em；
宽度：100%；
高度：2米；
背景：rgba（251262150.9）；
颜色：#fff；
}
.律师姓名框span{
填充：10px 10px 10px 0；
}
.律师描述{
背景：rgba（251262150.5）；
高度：100px；
宽度：100px；
显示：内联块；
清楚:对,；
}

姓名
短文
姓名
长文本长文本长文本

您需要添加

垂直对齐：顶部

.lawyer-online {
    display: inline-block;
    width: 200px;
    height: 100px;
    margin: 10px;
    vertical-align:top;
}

---

您需要添加

垂直对齐：顶部

.lawyer-online {
    display: inline-block;
    width: 200px;
    height: 100px;
    margin: 10px;
    vertical-align:top;
}

---

发生这种行为的原因是，

内联块

默认接收

垂直对齐：基线

，它并不总是以所需的方式对齐元素

您可以通过在

的声明块中明确指定
垂直对齐：top
来纠正此问题。（或中间/底部，它们也作为值使用。）


。律师在线{
显示：内联块；
宽度：200px；
高度：100px；
利润率：10px；
垂直对齐：顶部；
}
律师阿凡达{
显示：内联块；
高度：100px；
宽度：100px；
浮动：对；
}
律师阿凡达亲戚{
位置：相对位置；
}
.律师姓名栏{
位置：绝对位置；
底部：0em；
右：0em；
宽度：100%；
高度：2米；
背景：rgba（251262150.9）；
颜色：#fff；
}
.律师姓名框span{
填充：10px 10px 10px 0；
}
.律师描述{
背景：rgba（251262150.5）；
高度：100px；
宽度：100px；
显示：内联块；
清楚:对,；
}

姓名
短文
姓名
长文本长文本长文本
发生此行为是因为
内联块默认情况下接收
垂直对齐：基线
，该块并不总是以所需的方式对齐元素

您可以通过在
的声明块中明确指定
垂直对齐：top
来纠正此问题。（或中间/底部，它们也作为值使用。）


。律师在线{
显示：内联块；
宽度：200px；
高度：100px；
利润率：10px；
垂直对齐：顶部；
}
律师阿凡达{
显示：内联块；
高度：100px；
宽度：100px；
浮动：对；
}
律师阿凡达亲戚{
位置：相对位置；
}
.律师姓名栏{
位置：绝对位置；
底部：0em；
右：0em；
宽度：100%；
高度：2米；
背景：rgba（251262150.9）；
颜色：#fff；
}
.律师姓名框span{
填充：10px 10px 10px 0；
}
.律师描述{
背景：rgba（251262150.5）；
高度：100px；
宽度：100px；
显示：内联块；
清楚:对,；
}

姓名
短文
姓名
长文本长文本长文本
您应该在
在线律师
课程中添加一个
垂直对齐：top

.lawyer-online {
    display: inline-block;
    width: 200px;
    height: 100px;
    margin: 10px;
    vertical-align: top;
}

您应该在
在线律师
课程中添加一个
垂直对齐：top

.lawyer-online {
    display: inline-block;
    width: 200px;
    height: 100px;
    margin: 10px;
    vertical-align: top;
}

不能同时浮动元素和使用
inline block
。不能同时浮动元素和使用
inline block
。