Question

我正在做一些清理asp.net Web应用程序的工作，将一些HTML代码丢弃到asp.net但我遇到了一些格式问题。我有一个Site.Master页面，我的所有内容页面都继承自。我在这个页面上有几个div元素互相嵌套，其中我有一个asp控件，我从中删除了我的内容页面中的所有内容。问题是我的div容器不会自动调整大小，因此内容会溢出。我没有进行大量的Web开发，所以我需要一些帮助。

HTML（Site.Master）

<body>
    ...
    <div class="wrapper">
        <header>
        <!-- Stuff -->
        </header>

        <div id="content-wrapper">
            <asp:ContentPlaceHolder ID="maincontent" runat="server" />
        </div>
        <!-- More Stuff -->
    </div> <!-- End wrapper -->
    <!-- Even More Stuff -->
 </body>

CSS

#content-wrapper{
width:98%;  
height:100%;
margin:0 auto;
min-height:800px;
background:white;

-webkit-border-bottom-right-radius:0.50em;
-webkit-border-bottom-left-radius:0.50em;

-moz-border-radius-bottomright:0.50em;
-moz-border-radius-bottomleft:0.50em;

border-bottom-right-radius:0.50em;
border-bottom-left-radius:0.50em;
}

.wrapper {
min-height: 100%;   
height: auto !important;
height: 100%;   
margin: 0 auto -4em;
}

其他人写了html和css，这不是我太熟悉的东西，我只是把它放到一个应用程序中，所以我对这些格式化业务有点迷失。重申一下，我放入ASP占位符的内容溢出了“包装器”和“内容包装器”容器。 HTML文件虽然很好，所以不知何故我把它搞砸了，因为我把它剪下来放进应用程序。

当我说溢出时，我的意思是内容溢出其容器。请参阅此处以获取示例：http://css-tricks.com/the-css-overflow-property/。溢出是visible

Answer 1

Doctype声明搞乱了格式化。

改为：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

为：

<!DOCTYPE HTML>

我不再遇到问题了。

自动调整div元素

1 个答案: