网元位置问题

Question

使两个元素中的每一个都占据其父元素宽度的一半。

以下是我的例子：

http://jsfiddle.net/zUqqN/

我只是希望div＃mapContent_coverage默认不显示，然后div＃mapContent_emap将占用“mapDiv”的所有宽度，

当用户点击右侧的img时， div＃mapContent_coverage 应显示，然后“ mapContent_emap”和“mapContent_coverage”会同时显示，我希望它们都占据宽度的一半。

我试过使用浮点数和绝对值来div，但它不起作用，不知道吗？

顺便说一句，我不想​​在浏览器中显示滚动条，例如：

现在我如何调整浏览器大小，没有滚动条。怎么做到这个？

UPDATE：

默认页面布局：

当我点击右边的img时，页面应该更改为：

Answer 1

从浏览器隐藏滚动添加此CSS：

html, body {
  overflow: hidden;
}

（我会在清除一些疑问后回答其余的问题，查看我的评论）

Answer 2

要同时显示将每个宽度设置为50％。要仅显示一个，请将宽度设置为100％并隐藏另一个。