Html CSS模拟silverlight屏幕截图

我很确定这个问题已经被问到和回答了，我对HTML和CSS不太了解，不知道在哪里或如何搜索。任何帮助都将不胜感激

我在Silverlight中构建了一个社区应用程序：

在最终决定将chuck交给微软之后，我正在从头开始重写它。90%的工作都很简单。我正在努力使用HTML和CSS来完成应用程序的聊天部分

我已经标记了一个屏幕截图来显示我正在尝试做什么

主要目标是创建一个可滚动的容器，该容器可以扩展和收缩以适应可用空间

首先，我想让网页展开或收缩以适应浏览器窗口

右第二列水平扩展以适应内容，底部区域垂直扩展以适应聊天条目控件

一旦页面适合浏览器并将空间提交到右侧和底部，我希望容器适合。如果容器中的内容太多（99%的时间），则会显示垂直滚动条

我尝试过各种宽度/高度组合：100%。但这似乎只是使区域足够大，以适应内容，而不是限制到100%的浏览器

我可以将div设置为“Height:200%；Overflow:Scroll”以获得滚动条。但我似乎无法让div仅扩展到可用空间

首先，我想让网页展开或收缩以适应浏览器窗口

这可以通过将左右边距设置为自动来实现。试试这个-

.center {
    margin: 0 auto;
    padding: 0;
    float: none;
}

---

答案是：真的没有一个好的答案。借助java脚本调整大小事件，根据屏幕空间设置框的高度-屏幕元素的高度。

您的网站一点也不差，HTML/css解决方案也会有同样多（更多？）的问题。我很好奇，为什么在这么多明显的努力之后，你要放弃微软的堆栈？谢谢你的好话。实际上，我在Silverlight/Azure中有一个更大的应用程序，它也将被重写。改变的理由。主要是由于一些围绕搜索引擎优化和监控的棘手问题。爬虫无法很好地处理基于Silverlight的内容。AdSense也不会在Silverlight环境中工作。平板电脑（IPad和Android）不支持Silverlight。最后，我的用户社区没有很好地适应右键单击菜单的缺乏。我已经尽可能地包括了它们，但是使用第三方控件，您无法访问所有需要右键单击的位置。谢谢Mahesh。右/左不是一个大问题。它将其设置为限制为垂直浏览器高度，这是一个更大的问题。