筆試題目-三列布局

標籤：style   blog   http   color   os   ar   sp   div   art   

用到知識點：

float，塊元素置中，注意：（如何讓浮動元素和塊元素在同一行--display: inline-block失效）

正確布局代碼

<body>  <div id="left"></div>  <div id="right"></div>  <div id="middle"></div>  </body>

正確CSS

#left {  height: 500px;  width: 200px;  border:2px solid red;  float: left;}#middle {  height: 500px;  margin: 0 220px;  border: 2px solid green;}#right {  width: 200px;  height: 500px;  border:2px solid blue;  float: right;}

View Code

錯誤碼：

 

筆試題目-三列布局