http://jsbin.com/elufob/1/
任何建议将不胜感激
CSS
HTML{ min-wIDth: 100%; background-color: #add8e6;}.navbar{ text-align: center; background-image: linear-gradIEnt(to bottom,#666666 0%,#000000 60%); color: white; border-bottom:solID 1px #666; top:0; height:30px; position:fixed; wIDth:100%; z-index:1000;}.leftdiv{ clear: left; text-align: left; background-color: blue; float: left; max-wIDth: 26%; display: inline-block; margin-right:2%; margin-left: 0%; margin-top: 2%; border: black; border-wIDth: 5px; border-style: double; border-radius: 5px;}.mIDdlediv{ text-align: center; background-color: green; max-wIDth: 70%; float: right; display: inline-block; margin-top: 2%; margin-BottOM: 1%; border-style: solID; border: black; border-wIDth: 5px; border-style: double; border-radius: 5px;}.pageContainer{ wIDth: 100%; min-height: 100%; min-wIDth: 100%; height: auto !important; height: 100%; margin: 0 auto -142px;}.footer{ background-image: linear-gradIEnt(to bottom,#000000 60%); color: white; border-top:solID 1px #666; bottom:0; height:15px; padding:5px; position:fixed; wIDth:100%; z-index:1000;} 和HTML
<HTML><link rel="stylesheet" href="psWebCSS"><header class=navbar> <a href="http://www.Google.com"><img src="http://library.thinkquest.org/10127/media/examples/button.gif"></a> <a href="http://www.Google.com"><img src="http://library.thinkquest.org/10127/media/examples/button.gif"></a> <a href="http://www.Google.com"><img src="http://library.thinkquest.org/10127/media/examples/button.gif"></a> <a href="http://www.Google.com"><img src="http://library.thinkquest.org/10127/media/examples/button.gif"></a></header> <body><div > <div > </div> <div > </div></div><div > Footer Text</div></body></HTML>解决方法 你的身体标签有保证金：8px;只需添加你的CSS
body { margin: 0;} 总结 以上是内存溢出为你收集整理的html – 整个网页左侧的不必要的边距/差距全部内容，希望文章能够帮你解决html – 整个网页左侧的不必要的边距/差距所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）