这篇博客是在制作网页后,自己的相关总结。网页为亿贝官网,简单的品牌网页制作。有上传相关资源,里面包含html,css,javascript和iquery文件。资源里有详细的框架,代码和样式解释。下面就编程中遇到的问题做以下几个知识点总结,如果理解有错,希望指正。
1.为什么两个DIV盒子之间会有间隙?
这是因为div中某个元素浮动超出原本的文本框,可在div中加上这个属性<style="overflow:hidden;">来解决这个问题,具体加在哪个div标签中可以根据你自己网页来判断可能是哪个盒子里的内容会溢出。或者对于其父标签设置margin:0;padding:0;即可。
2.如果想要把一个样式为position:absolute的固定盒子放置在另一个盒子中,只需对大的盒子设置其样式position:relative即可,记住,固定的盒子里要设置样式z-index:10000,数值尽可能大使固定盒子不被隐藏。
3.如果设置了float浮动属性,则须通过<div class="both"></div>来清除,否则下面的div会覆盖上面的div盒子. 这个div盒子的样式这样设置:
.clear{ clear:both; width:100%; height:0; overflow:hidden;}
4.代码底部有绿色波浪线,意为浏览器或代码兼容性问题。