这是我的页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head >
<link rel="Stylesheet" type="text/css" href="Content/themes/base/jquery-ui.css" />
<link rel="Stylesheet" type="text/css" href="Content/themes/base/jquery.ui.base.css" />
<link rel="Stylesheet" type="text/css" href="Content/themes/base/jquery.ui.theme.css" />
<link rel="Stylesheet" type="text/css" href="Content/ui.jqgrid.css" />
<style type="text/css">
ul, ol { margin-left:1.5em; padding-left:0px; }
li { margin-bottom:2.5em; }
body,
html {
margin:0;
padding:0;
color:#000;
background:#a7a09a;
}
#wrapper{
width:100%;
height:1024px;
background:#f5f5f5;
}
#sideBar{
width:20%;
height:1024px;
background:red;
display:block;
float:right;
}
#mainContent{
width:80%;
height:1024px;
background:blue;
display:block;
float:left;
}
* html #footer {
height:1px;
}
</style>
<script type="text/javascript" src="Scripts/modernizr.custom.05850.js"></script>
<script type="text/javascript" src="Scripts/jquery-1.7.2.js" > </script>
<script type="text/javascript" src="Scripts/jquery-ui-1.8.19.min.js"></script>
<script type="text/javascript" src="Scripts/grid.locale-en.js" ></script>
<script type="text/javascript" src="Scripts/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="Scripts/json2.min.js"></script>
<script type="text/javascript" src="Scripts/knockout-2.1.0.js"></script>
<script type="text/javascript" src="Scripts/knockout.mapping-latest.js"></script>
<script type="text/javascript" src="Scripts/linq.min.js"></script>
<script type="text/javascript" src="Scripts/jquery.layout-latest.js"></script>
</head>
<body>
<div id="wrapper">
<div id="sideBar">
<select id='listOfExistingViews' />
<ul >
<li>
TEST1
</li>
<li>
TEST2
</li>
</ul>
</div>
<div id="mainContent"></div>
</div>
</body>
</html>
问题在于“选择”元素,因为它不允许显示/渲染 ul 元素,并且主容器也不会保留其背景颜色。尽管不使用选择元素时,一切似乎都正常工作..:| 我到底在这里想念什么......