Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 因此如何发展对div?_Html - Fatal编程技术网

Html 因此如何发展对div?

Html 因此如何发展对div?,html,Html,我们计划有两个部门,如下所示。左边的div我们计划以任何方式修复它。在地图的右边,我们计划根据分辨率增加宽度,如何实现 <body> <div id="left" style="position:absolute;top:0px;left:0px; width:220px;"> </div> <div id="map" style="position:absolute;top:0px;left:250px; width:780px; height:10

我们计划有两个部门,如下所示。左边的div我们计划以任何方式修复它。在地图的右边,我们计划根据分辨率增加宽度,如何实现

<body>
<div id="left" style="position:absolute;top:0px;left:0px; width:220px;">
</div>

<div id="map" style="position:absolute;top:0px;left:250px; width:780px; height:100%">Map goes here.
</div>
</body>

地图在这里。

我希望你看起来像这样:

CSS

#left {
width:220px;
float:left;
background:red;
}

#map {
background:yellow;
}
HTML

<body>
<div id="left">stackoverflow
</div>

<div id="map" >Map goes here.
</div>
</body>

栈溢出
地图在这里。

我试过这样做,我注意到我必须将左侧的设置放在我的箱子中,因为id=“map”否则不起作用。我的下一个问题是,在左边的div中,我得到了另一个div gpsDataDiv,在它里面我放了一个表,现在的问题是,当有大量数据时,表会下降很长时间。地图在这里。我已经设法通过这个解决了它。chrome现在的问题是它工作正常。在IE中,左边和地图之间有一个空格,而在firefox上它根本不加载。有什么问题吗?地图在这里。