Question

我遵循虚拟HTML，正确显示标题，左侧div（完全覆盖正文）和右侧内容div。但是当我在身体标记之后在ASPX页面（或任何html页面）中添加<Form>时，我的css格式变得太扭曲了。请建议。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title> 
    <style type="text/css">
body{
margin:0px 0px 0px 0px;
height:100%;
width:100%;
}

.leftNav {
background:red;
height:85%;
width:200px;
float:left;
}

.content{
background:orange;}

.header    {
height:15%;
background:blue;
}
</style></head>
<body>
<div class="header">dd</div>
<div class="leftNav">abcd</div>
<div class="content">asdasd<br>asdasd<p>asdasd</p>asd asifj sadjf</div>
</body></html>

Answer 1

IE问题：身体有100％的高度和宽度。当form form中的div设置为100％时，Firefox和Chrome可以100％扩展。但是对于IE，我必须设置Form标签，高度和宽度均为100％

<Form style="height:100%;width:100%"> ...DIVs ... </form>

这解决了我的问题。

Answer 2

我猜你在html中有一些“联系我们”表格或其他形式。

删除ASP.NET FORM Tag 中的其他html标记（在您的html中），看看它是否有任何区别。

替换以下代码

<form id="form1" runat="server"> //this is asp.net form

    <form name="blunder"> //some html form in your page
        <!-- Some content -->
    </form>

</form>

与

<form id="form1" runat="server">

    <divname="blunder">
        <!-- Some content -->
    </div>

</form>

谢谢！希望它有所帮助。！

css在添加Form标签时扭曲

2 个答案: