大佬教程收集整理的这篇文章主要介绍了html – 根据浏览器窗口大小使div增长和缩小,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
>我有一个容器div,并希望将容器div放在页面的中心.
>当我调整窗口大小时,容器div将增长和缩小.
我写了附加的代码,但容器总是粘在左边,当我调整窗口大小时它不会改变大小.
<title>Demo</title> <head>This is a demo</head> <style> #nav { BACkground-color: red; float: left; width: 200px; position:relative; } #detail { BACkground-color: green; float : right; width: 800px; position:relative; } div.testDetail { margin-top:10px; margin-left:20px; margin-right:20px; margin-bottom:10px; } #container { width:1000px; position:relative; } </style> <hr> <body> <div id="container"> <div id="nav"> <ul>Tests</ul> </div> <div id="detail"> <div class="testDetail"> <image style="float:right;margin:5px;" src="test1.jpg" width="50px" height="50px"/> <image style="float:right;margin:5px;" src="test2.jpg" width="50px" height="50px"/> <image style="float:right;margin:5px;" src="test3.jpg" width="50px" height="50px"/> <image style="float:right;margin:5px;" src="test4.jpg" width="50px" height="50px"/> <h3>title</h3> <p>TesTing</p> </div> <hr> </div> </div> <body>
我在这里错过了什么吗?任何帮助将不胜感激!
谢谢.
以上是大佬教程为你收集整理的html – 根据浏览器窗口大小使div增长和缩小全部内容,希望文章能够帮你解决html – 根据浏览器窗口大小使div增长和缩小所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。