html - 列 div 中的 float 被忽略

Question

我有以下元素 here并已将列配置为在我的 CSS 中使用 float ，希望图像列位于左侧，内容位于其旁边。在 Chrome 中，内容位于图像下方。

CSS:

#WADADetails .propInfoCont .col1 
{ 
width:400px !important; 
float:left !important; 
}

#WADADetails .propInfoCont .col1 #loadarea img 
{ 
width:420px !important; 
height:315px !important;
float:left !important; 
}

#WADADetails .propInfoCont .col2 
{ 
width:230px; margin:0; 
float:left !important; 
}

Answer 1

您已将两列的宽度定义为可用空间的 100%:

#WADADetails div{ width:100% !important }

摆脱这一点将使两列并排。