那裏是在這種情況下

Question

這是結果填充！[在這裏輸入的形象描述] [1]

請看空白圓圈紅色，這是爲什麼嗎？

這是HTML

<div id="map_manual_address_container"> 
       <div id="map_canvas"></div> 
       <div id="mamual_address"> 
        <textarea name="address" placeholder="Address"></textarea> 
       </div> 
      </div> 

，這是CSS

#map_manual_address_container { 
    width:700px; 
    height:410px; 
} 


#map_canvas { width: 400px; height: 400px; 
       float:left; 
} 


#mamual_address { 
    float:right; 
} 

感謝

Answer 1

解決方案

#manual_address { 
    float: left; 
} 

Answer 2

你#map_manual_address_container具有700的寬度和feildset水平填充30。既然你已經設置：

#msform fieldset { 
box-sizing : border-box; 
width: 80%; 
} 

包括填充的feildset的區域被設置爲80 #map_manual_address_container寬％，這意味着#map_manual_address_container會比#msform寬，使得浮到#msform權將導致在feildset之外的地址文本區域。爲了解決這個問題刪除的

box-sizing : border-box; 
width: 80%; 

一個本應停止feildset比#map_manual_address_container寬。