在列div中忽略了浮点数

Question

我有以下项目here，并已将列配置为在我的CSS中使用float，希望左侧有image列，旁边有内容。在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 }

摆脱这一点将允许两列并排。