是否有一个css选择器可以知道一个块是在右边还是在下面？

我有两个带float:left的块，因此显示取决于页面宽度：

[Block A] [Block B]

或

是否有css选择器来区分这两种情况？例如，它可能是

.block:below { margin-left: 20px; }

---

对于浮动元素相对于其他浮动和布局的其余部分可能处于的多个位置，没有CSS选择器。主要是因为没有基于布局匹配元素的CSS选择器

---

如果这些浮动元素的位置取决于页面宽度，请改用媒体查询。

我想没有任何选择器，但在确定可以使用下面的代码之前，我不确定

if($('.className').css('display') == 'block')
{
// do something
}else if($('.className').css('display') == 'inline-block'){
     //do something.
}

---

您可以通过如下方式使用媒体查询来解决此问题：

@media screen and (max-width:460px){
       .block{ margin-right: 20px; }
}

---

这样，代码只在屏幕小于460px时才适用，这使其更易于控制。

也许您想说“右或下”或“左或上”。实现这样的目标有什么意义？查看媒体查询，如果您以这种方式定位reponsivenes，如果我想显示一条分隔线（如果它们是内联的），该怎么办？

@media screen and (max-width:460px){
       .block{ margin-right: 20px; }
}