Dreamweaver CC 유체 격자 레이아웃에서 내 div 태그를 나란히 표시 할 수없는 이유는 무엇입니까?

Question

Dreamweaver CC를 사용하고 유체 격자 레이아웃을 수행하려고합니다. 내 3 div 태그가 나란히 있어야합니다. 나는 여러 가지 예를 읽고 따라 갔지만 나는 그것에 행운이 없다. 누가 무슨 일이 일어나는지 알아낼 수있게 도와 줄 수 있습니까?

도움 주셔서 감사합니다.

@media only screen and (min-width: 769px) { 

.gridContainer { 
    width: 88.5%; 
    max-width: 1232px; 
    padding-left: 0.75%; 
    padding-right: 0.75%; 
    margin: auto; 
    clear: none; 
    float: none; 
    margin-left: auto; 
} 

#container { 
} 
#left { 
    float:left; 
    margin: 01.5%; 
    width:30%; 
    background-color:red; 

} 
#center { 
    float:left; 
    margin: 01.5%; 
    width:30%; 
    layout:inline; 
    background-color:green; 
} 
#right { 
    float:left; 
    margin: 01.5%; 
    width:30%; 
    background-color:blue; 
} 

.zeroMargin_desktop { 
    margin-left: 0; 
} 
.hide_desktop { 
display: none; 
} 
} 

Answer 1

#sides{ 
 
margin:1.5%; 
 
} 
 
#left{ 
 
float:left; 
 
width:30%; 
 
overflow:hidden; 
 
} 
 
#center{ 
 
float:left; 
 
width:30%; 
 
overflow:hidden; 
 
} 
 
#right{ 
 
float:left; 
 
width:30%; 
 
overflow:hidden; 
 
}

<div class="gridContainer clearfix"> 
 
    <div id="container" class="fluid "> 
 
    <div id="left" class="fluid ">left </div> 
 
    <div id="center" class="fluid ">center</div> 
 
    <div id="right" class="fluid ">right</div> 
 
</div>