1

我试图让两个 div 并排显示，我什至将它们浮动到没有运气。这是为什么？

<div class="popup-container">
  <div class="popup-header">
      <div class="popup-image-holder"></div>

    <div class="image-titles">Content for  class "image-titles" Goes Here</div>
  </div>
</div>


.popup-container {
    padding: 0px;
    width: 764px;
}
.popup-header {
    background-color: #000;
    padding: 21px;
    height: 243px;
    width: 100%;
    overflow: hidden; /* add this to contain floated children */
}
.popup-image-holder {
    float; left;
    background-color: #FFF;
    height: 165px;
    width: 165px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    padding-top: 5px;
    padding-left: 5px;
}
.image-titles {
    float: left;
    height: 100%;
    width: 300px;
    background-color: #666;
}

谢谢编辑：JsFiddle

4

2 回答 2

1

尝试至少将“显示”属性设置为最外面的容器。

例如： 根据需要将其添加到其他元素中。 .popup-container { display: block; padding: 0px; width: 764px; }

于 2012-12-28T23:29:23.810 回答
1

嗯。你打错了；而不是：在popup-image-holderdiv 中试试这个

  .popup-image-holder {
float: left;
background-color: #FFF;
height: 165px;
width: 165px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
padding-top: 5px;
padding-left: 5px;
}

在这里摆弄

于 2012-12-28T23:30:49.113 回答