做了一个测试论坛宽幅帖的本地文件
做的有些粗糙，主要是模拟宽度场景，其他细节不考虑。下面代码是完整的 HTML 文件代码，可用记事本保存为 .html 文件，双击该文件即可用默认的浏览器打开。建议不要用 IE 类的浏览器打开，IE已被抛弃，它对 CSS3 的支持也极为有限。如果默认浏览器是 IE 类的，可右击文件→打开方式，然后选择一个自己中意的已安装的其他主流浏览器。说一下用记事本将代码保存为 .html 文件的方法：在保存页面，选择保存类型为所有文件，并在文件名栏给文件名一个后缀 .html，比如，123.html 或 我心依旧.html，就酱。编码采用的是GBK，和gb2312是一样的，如果记事本保存页面有编码选择，确保是简体中文类的编码就行。
以下是代码：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="gbk" />
<title>帖子测试</title>
<style type="text/css">
body { margin-top: 0; }
#contain { margin: 0 auto;width: 1100px; } /* 主容器宽度 */
#top { margin: 4px auto; min-height:120px; border: 3px double olive; padding:8px; }
#mid { margin: 0 auto; padding:0 70px; background:olive; display:flex;} /* 弹性布局 */
#mLeft { width:160px; min-height:600px; padding:4px; background:#ccc; }
/* mRight拉伸，但宽度要设置，尺寸大概就好 */
#mRight { flex-grow:2; width:756px; padding:4px; background:#f1faef; padding:20px; border:1px solid olive; }
#bottom { margin: 4px auto; min-height:100px; border: 3px double olive; padding:8px; }
</style>
</head>
<body>
<div id="contain">
<div id="top">TOP</div>
<div id="mid">
<div id="mLeft">mid-LEFT</div>
<div id="mRight">
<!-- ====================== 帖子测试内容从下面开始 ====================== -->
<div style="position:relative; width:1200px; height:400px;left:-300px; top:100px;padding:12px; background: rgba(0,0,0,.6);color:coral;">测试用DIV</div>
<!-- ====================== 帖子测试内容到上行结束 ====================== -->
</div><!-- mRight 结束 -->
</div> <!-- mid 结束-->
<div id="bottom">Bottom</div>
</div> <!-- contain 结束 -->
</body>
</html>代码中有一个测试宽幅帖的 div，用你的代码替代它便可在本地查看你的帖子，合适了再发到论坛。
这个就是黑黑的尺子么{:4_187:} 貌似发帖时上下不太要测试，有这个这个，可以在HTML里调整左右了，可以直接看效果。真方便{:4_187:} 黑黑总是带来很多好东西，太赞了{:4_199:} 红影 发表于 2022-1-9 15:27
这个就是黑黑的尺子么
超市的尺子好用 红影 发表于 2022-1-9 15:29
貌似发帖时上下不太要测试，有这个这个，可以在HTML里调整左右了，可以直接看效果。真方便
使用了木有 红影 发表于 2022-1-9 15:30
黑黑总是带来很多好东西，太赞了
这个一般般了，做的没有细节 小黑辛苦了，真是一个大公无私的人，一个道德高尚的人，一个脱离了低级趣味的人，一个全心全意为花潮服务的人，，，，，，，{:4_176:}{:4_173:} 樵歌 发表于 2022-1-9 16:39
小黑辛苦了，真是一个大公无私的人，一个道德高尚的人，一个脱离了低级趣味的人，一个全心全意为花潮服务的 ...
这是mao对俺的评价？{:4_170:} 马黑黑 发表于 2022-1-9 16:41
这是mao对俺的评价？
太祖遗训哈。{:4_173:} 樵歌 发表于 2022-1-9 16:44
太祖遗训哈。
挺好挺好{:4_170:} 马黑黑 发表于 2022-1-9 16:34
超市的尺子好用
尤其是黑黑牌的{:4_170:} 马黑黑 发表于 2022-1-9 16:34
使用了木有
使用了啊，建了一个HTML文档，已经看过效果了{:4_187:} 马黑黑 发表于 2022-1-9 16:35
这个一般般了，做的没有细节
提供了一种思路，很棒的{:4_187:} 其实已经很细致了，把边距都弄得那么准了呢。感谢黑黑{:4_187:} 红影 发表于 2022-1-9 18:14
其实已经很细致了，把边距都弄得那么准了呢。感谢黑黑
好像都是差不多而已{:4_170:} 红影 发表于 2022-1-9 18:13
提供了一种思路，很棒的
感谢夸奖 红影 发表于 2022-1-9 18:12
尤其是黑黑牌的
改天我开发个产品 马黑黑 发表于 2022-1-9 18:32
好像都是差不多而已
还没有人去探究这事呢，黑黑是第一个{:4_199:} 红影 发表于 2022-1-9 19:33
还没有人去探究这事呢，黑黑是第一个
应该不是，只是我们不知道而已