我有一个母版页在左侧(垂直视图)显示主题菜单,子页在右侧显示邮件。
子页面将显示 HTML 内容,并在单击主题菜单时发生变化。问题是子页面 html 样式被应用于母版页,并且子页面根据内容缩小或增长。
我尝试将子页面放在 div 中并将 div 大小固定为静态,但这不起作用,而且我无法控制从子页面应用于母版页的样式。
如何解决这个问题。
我有一个母版页在左侧(垂直视图)显示主题菜单,子页在右侧显示邮件。
子页面将显示 HTML 内容,并在单击主题菜单时发生变化。问题是子页面 html 样式被应用于母版页,并且子页面根据内容缩小或增长。
我尝试将子页面放在 div 中并将 div 大小固定为静态,但这不起作用,而且我无法控制从子页面应用于母版页的样式。
如何解决这个问题。
最后,您将其呈现为一页。
你所有的 CSS 都会聚集在一起。
如果您需要将其分开,请使用不同的容器 CSS 类,并使用它来区分样式。
如果您无法控制内容,则无法固定大小。但是您可以使用 CSS 溢出属性来决定它如何溢出。您可以让它显示滚动条或隐藏它。
.mail{
overflow: auto;
}
参考:溢出
为什么不能从单个页面(主页面和子页面)中删除所有 CSS,而只使用主题?只需在“App_Themes”中创建一个“默认”主题文件夹并将一个 css 文件放在那里。然后使用特定的类来为任何页面上的元素设置样式。确保没有冲突。
不过,您必须启用主题。通过 web.config 或页面声明。