html菜单栏和内容框无法分离
正常显示菜单是这样的
非正常显示如下图
代码如下，求解
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>HTML/JS转换工具</title>
<meta name="keywords" content="html转js" />
<meta name="description" content="可以把html内容转换成js输出，也可以把JS内容转成HTML输出。" />
<script>
var jsurlbase = '//csstools.chinaz.com/tools/js';
var imgurlbase = '//csstools.chinaz.com/tools/images';
var styleurlbase = '//csstools.chinaz.com/tools/styles';
</script>
<script type="text/javascript" src="//csstools.chinaz.com/common/js/mobilepage.js?v=20200721"></script>
<link rel="stylesheet" type="text/css" href="//csstools.chinaz.com/common/styles/all-base.css?v=20201127">
<link rel="stylesheet" type="text/css" href="//csstools.chinaz.com/common/styles/publicstyle-v2.css?v=20210518">
<link rel="shortcut icon" type="image/ico" href="https://www.hxw.ltd/ico/favicon.ico">
<link rel="stylesheet" href="//csstools.chinaz.com/tools/styles/iconfont/iconfont.css?v=20210518" type="text/css" />
<script type="text/javascript" src="//csstools.chinaz.com/common/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="//csstools.chinaz.com/common/js/jq-public.js?v=20210518"></script>
<script type="text/javascript" src="//csstools.chinaz.com/common/js/rightNav.js?v=20210518"></script>
<script type="text/javascript" src="//csstools.chinaz.com/common/layer/layer.js?v=20200728"></script>
<script type="text/javascript" src="//csstools.chinaz.com/tools/js/member.js?v=20210518"></script>
<script src="//csstools.chinaz.com/common/js/generatetoken.js?v=20210315" type="text/javascript"></script>
<script type="text/javascript" src="//csstools.chinaz.com/common/js/bdtongji.js?v=20210315"></script>
<script class="CLASS42bc4e2f_b826_11e9_9ed0_18dbf2568723" src="https://a2put.chinaz.com/propagate.js"></script>
<script src="//csstools.chinaz.com/tools/js/bdtongjisearch.js?v=20210317" type="text/javascript"></script>
<!--[if IE 6]>
<script type="text/javascript" src="//csstools.chinaz.com/common/js/DD_belatedPNG.js"></script>
<script> DD_belatedPNG.fix('*');</script>
<![ENDIF]-->
<link rel="stylesheet" href="//csstools.chinaz.com/tools/styles/toolstyle.css" type="text/css"/>
<script src="//csstools.chinaz.com/tools/js/jq-tools.js" charset="gb2312" type="text/javascript"></script>
<script>
document.domain = "chinaz.com";
var headertitle = 'HTML/JS转换';
var pagename = 'tools/html_js.aspx';
var isshowcustomtools = 'False';
var isVip = 'False';
</script>
</head>
<!顶部菜单栏>
<script type="text/javascript" src="/xm/js/caidan.js"></script>
<body>
<div style="padding:20px;margin-top:30px;height:100%;">
<!--top-public-begin-->
<div class="ww100">
<!--ToolTop-begin-->
<div class="wrapper">
<!--Tool-MainWrap-begin-->
<div class="Tool-MainWrap">
<p class="ClassHead-wrap clearfix">
<a href="jscodeconfusion.html">JS代码混淆</a>
<a href="js.html">JS混淆加密压缩</a>
<a href="html_ubb.html">HTML/UBB代码转换</a>
<a href="javascript:" class="CHeadcur">HTML/JS互转</a>
<a href="jsformat.html">JS/HTML格式化</a>
<a href="CssFormat.html">CSS格式化</a>
<a href="htmlcodecov.html">HTML代码转换</a>
<a href="runjs.html">RunJS在线编辑器</a>
<a href="useragent.html">UA分析</a>
</p>
</div>
<!--Tool-MainWrap-begin-->
<!--ToolMain02-begin-->
<div class="pb20">
<div class="wwlr auto pad0">
<form>
<!--GuoLvWrap-begin-->
<h3 class="lh28 h28 pt10 col-gray03 bg-white tl">HTML源代码转换JavaScript代码工具</h3>
<div class="clearfix">
<div class="pr JsTxtW-r fl">
<textarea class="JsTxtCo bor-a1s h200 WrapHid wwlr-l" id="osource"></textarea> <b class="search-hint CentHid">请把你需要转换的Html代码粘贴在这里</b>
</div>
<div class="pr JsTxtW-r ml20 fl">
<textarea class="JsTxtCo bor-a1s h200 WrapHid wwlr-l" id="oresult2"></textarea> <b class="search-hint CentHid">转换后的 Js 源代码</b>
</div>
</div>
<h3 class="lh28 h28 ptb5 col-gray03 bg-white tl">JavaScript源代码转换HTML代码工具</h3>
<div class="clearfix">
<div class="pr JsTxtW-r fl">
<textarea class="JsTxtCo bor-a1s h200 WrapHid wwlr-l" id="oresult"></textarea> <b class="search-hint CentHid"> 请把你需要转换的Js源代码粘贴在这里</b>
</div>
<div class="pr JsTxtW-r ml20 fl">
<textarea class="JsTxtCo bor-a1s h200 WrapHid wwlr-l" id="re"></textarea> <b class="search-hint CentHid">转换后的 Html 代码</b>
</div>
</div>
<!--GuoLvWrap-end-->
</form>
</div>
</div>
<!--ToolMain02-end-->
</div>
<script>hcj.htmljs();</script>
</div>
</div>
</body>
<!固定底部版权栏>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta charset="utf-8" />
<style>
body {
padding-bottom: 50px;
}
.footer {
position: fixed;
left: 0px;
bottom: 0px;
width: 100%; '宽度定位'
height: 25px; '高度定位'
background-color: #fff; '版权底部颜色'
z-index: 9999;
}
</style>
</head>
<body>
<div class="footer">
<!引用动态版权信息>
<style type="text/css">
#footer {
text-align: center;
}
</style>
<div id="footer">
</div>
<script type="text/javascript" src="/xm/js/Copyright.js"></script>
<!引用动态版权信息>
</div>
</body>
<!固定底部版权栏>
</html>
用z-index 属性设置一下堆叠顺序试试呢
你给的代码看不出什么问题，你可以f12审查元素一个属性一个属性去掉看看是什么影响的