Css 分区显示块的页边距顶部/填充顶部等问题不起作用

我对编码有点陌生，在过去的几周里，我发现这些板非常有用，但我遇到了一个其他帖子无法帮助我解决的问题，所以下面是：

在一个矩形div内有许多div，直径880px。左对齐的div工作得很好，但是浮动的右div，一个560px的视频，叫做#shopvid_2013_01，不能右对齐

我希望它能使#shopvid_2013_01 div正好排在#shop_13_01 div的旁边，但当我在Firefox上预览它时，它似乎就在我拥有的另一个div的正下方，并且无论我使用什么边距顶部或填充顶部，它都不会移动。我尝试添加display:block和overflow:hidden，正如我在其他帖子上读到的那样，这可能会有所帮助，但没有效果

任何帮助都将不胜感激

我已经包括了相关的html和css：

HTML

---

您似乎将

shopvid_2013_01

作为ID而不是类引用。试试这个：

.shopvid_2013_01 {
  width: 560px;
  height:315px;
  float: right;
  margin-top: 30px;
  display:block;
  overflow:hidden;
}

---

哇，你说得对，我很尴尬！非常感谢，现在排得很好！

#shop_13 {
    width:880px;    
}

#shop_13_01 {
    width: 320px;
    height:315px;
    margin:30px 0 0 0;
    background-color:#E9E9E9;
    float:left;
}

#shop_13_text_01 {
    font-family: "Arial", sans-serif;
    width:240px;
    font-size:13px;
    line-height:1.4em;
}

#shop_smlheading {
    padding: 5px 0 0 20px;
    font-size:15px;
}

#shop_p_13 {
    font-family: "Arial", sans-serif;
    width:240px;
    font-size:13px;
    line-height:1.4em;
    margin: -15px 0 0 20px;
    float:left;
}

#buy_shop_01 {
    padding: 100px 0 0 0;
    float:left;
}

#shopvid_2013_01 {
    width: 560px;
    height:315px;
    float: right;
    margin-top: 30px;
    display:block;
    overflow:hidden;
}

.shopvid_2013_01 {
  width: 560px;
  height:315px;
  float: right;
  margin-top: 30px;
  display:block;
  overflow:hidden;
}