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区域设置为#map_manual_address_container width的80％，这意味着#map_manual_address_container将比#msform更宽，因此浮动到#msform右侧将导致地址文本区域位于feildset之外。要解决此问题，请删除其中一个

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

这应该会阻止feildset比#map_manual_address_container更宽。

在这种情况下有填充的地方

2 个答案: