Question

在我网站的主页 - www.mobiuspc.com上，我有一些不同的部分，我用颜色编码，所以我可以看到它的全部布局。有一个主页面部分，工作得很好（它的棕褐色条带有“组件”之类的按钮等），在那个级别上，一切都按照我的意愿运作。

下面我有一些问题。我使用3个主要DIV来分解页面：

<div id="mainarea" runat="server" >

这是标题/母版页区域和黄色编码区域之间的任何内容。这个大面积应该是700px高，1024px宽，并且是彩色银色。如果你去网站，你会发现它不是。有一个带有重复硬盘驱动器映像的面板，这是我拖放功能的拖放区域（与此问题无关）。我把它设置为runat服务器，因为如果我不这样做，那么Drag'n Drop似乎就会中断。

<div id="categorybar">

这是黄色编码区域，用于存放我的所有按钮。我很高兴。点击名为“显示”的按钮，观察其上方的DIV会发生什么。它走出了界限！我设置宽度和高度的CSS似乎被否决了。

<div id="detailbox">

这是蓝色区域，这里没有问题。最终我会把控件放在这里，但现在它很好是蓝色。

最初的想法可能是我的CSS被塞了。如果是这样的话，我看不到哪里！我设定了高度/宽度和所有好东西。我已经尝试将float：left添加到随机部分，没有效果。以下是我的CSS文件“

的相关摘录

#mainarea
{
background-color:Silver;
height:700px;
width:1024px;
}

#categorybar
{
background-color:Yellow;
height:80px;
width:1024px;
}

#detailbox
{
background-color:Blue;
height:420px;
width:1024px;
}

单击“显示”按钮时，我在运行时创建对象，并将所有这些对象添加到驻留在#mainarea DIV中的窗格中。该窗格称为工具箱，这是它的CSS属性：

#toolboxpanel
{
height:700px;
width:324px;
max-height:700px;
max-width:324px;
overflow:scroll;
}

由于某些原因，当我在运行时添加控件而不是像我希望的那样简单地使用滚动条时，它会不断扩展到超出预定义的大小。将所有硬盘驱动器图片作为放置区域的面板，也在#mainarea DIV中，以下是相关的CSS：

#droppanel
{
height:700px;
width:700px;
margin-top:-700px;
margin-left:324px;
}

我应该摆脱runat = server位吗？如果我这样做并点击显示按钮，我仍然会让那个可怕的面板一直扩展到页面底部，但至少银色的#mainarea DIV保持适当的大小（面板失控）。如果我走那条路，任何想法为什么它会打破我的拖累？我希望我没有必要走这条路，而我的CSS中只有一些愚蠢的东西，我忽略了......

感谢您的帮助！比尔

Answer 1

runat =“server”将更改您正在使用它的控件的客户端ID，这意味着您的#mainarea css将不适用。

你可以通过为mainarea分配一个css类并使用它来应用样式而不是它的id来解决这个问题。

CSS问题 - 我的DIV保持崩溃！

1 个答案: