个人中心
gpt4 book ai didi

html - DIV 标签的 CSS 工作不正常

转载 作者：太空宇宙 更新时间：2023-11-03 21:47:48 25 4
gpt4 key购买 nike

不知何故 CSS 出错了。

在我的 CSS 类中，maincontent 部分定义为

CSS:

.page {
  background: #B5AAAA; /* Hoof color */
  margin: 20px auto 0px auto;
}
.main {
  position: absolute;
  /* I commented this out because it is new to me.
     I was not sure if it was causing my issues or not.
  min-height: 420px;
  min-width: 960px;
  */
  top:150px;
}
.maincontent {
  background-color: #F2E6E6; /* Almost white, just a tad on the maroon side */
  position:absolute;
  border: 1px solid #4D0000;
  overflow: auto;
  left:110px;
  top:0px;
  height: 500px;
  width:100%;
}

删除我的 Site.Master 的 HTML 中所有不相关的部分，我剩下这个:

站点管理员:​​

<body>
  <form runat="server">
    <asp:scriptmanager runat="server"></asp:scriptmanager>
    <div class="page">
      <div class="main">
        <div class="maincontent">
          <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
        </div>
      </div>
    </div>
  </form>
</body>

这是继承它的页面部分:

销售.aspx:

<asp:Content ID="mainContent" ContentPlaceHolderID="MainContent" runat="server">
  <table border="1" >
  ... // lots of rows and columns
  </table>
  ...

那么，有人明白为什么我在下面的表格宽度上看到的是 102px 吗？

我希望那个特别的东西能填满右边的剩余空间。

谷歌浏览器“检查元素”截图:

screenshot

最佳答案

问题是主要内容div不知道它应该是 100% 的大小，它将是其最近的 position:relative 大小的 100% (或 absolute ) parent 。

如此设置

 .page{
    width:100%;
    position:relative
  }

关于html - DIV 标签的 CSS 工作不正常，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19497801/

25 4 0
文章推荐： python - matplotlib 特定数量的网格点的流图错误
文章推荐： OpenCV 立体校正
文章推荐： java - 相机预览给出灰色图像
文章推荐： python - PyYAML文件高效管理