CSS textarea定位

Question

我是CSS的初学者。

我想将textarea放在右边，将地图放在左边。但是该框显示在地图上。

这是我的CSS

#CoordData {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
   // position: absolute;
    		left: 10px;
    		right: 10px;
}
 #wrapper { 
                    position: absolute; 
                    left: 400px; 
                   // right: 10px; 
                    top: 10px; 
                    bottom: 10px; 
                } 
.Button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .6em;
  //  position: absolute;
    		left: 200px;
    		// right: 10px;
}

有人可以帮我吗？

以下是我的code和here全屏视图。

Answer 1

您可以使用.pull-left和.pull-right类的Twitter Bootstrap UI框架或引导框架将页面划分为12个网格，这样您就可以使用6个网格用于地图，6个网格用于文本。

有关网格的参考：http://www.w3schools.com/bootstrap/bootstrap_grid_basic.asp

左拉参考： http://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=pull-left-class

希望它有所帮助。

Answer 2

你可以简单地改变你的jsfiddle，如this

只需改变#wrapper这样的绝对位置

 #wrapper { 
                position: absolute; 
                //left: 400px; 
                right: 20%; 
                top: 1px; 
                bottom: 10px; 
            }