黑马程序员技术交流社区

标题: 技术交流 [打印本页]

---

作者: 万hao    时间: 2019-10-14 21:51
标题: 技术交流
来黑马我学到了很多东西，也再一次的感谢老王孜孜不倦的教导，和我们烦人搬得问题，亏得老王脾气好  哈哈，学了一个月现在对网站设计也有了很大的了解，现在的我和一个月前真是天差地别，感觉来黑马程序员来晚了，现在对简单的静态网站也很熟悉，一些较为复杂的网站也知道怎么下手，在布局上也了解怎么去做，像一些标准流的布局还有浮动布局用float控制，还有定位布局position，相对布局relative，绝对布局absolute，还有绝对定位fixed，在绝对定位和固定定位中使用margin：auto；是无效的。还有想一些常见的问题，比如外边距塌陷两个上下的盒子分别设置相邻的边距值不能叠加，而是只能一边有效，我们在解决的时候有多种方法1、为父级设置上边框 border-top: 1px solid transparent;

•        2、直接给父级设置padding-top：1px，如果父级有高度注意减去对应的高度；
     不建议使用，因为多了一像素的内边距需要减去
      padding-top: 1px;
•        3、直接给父级添加overflow:hidden;（强烈推荐使用）
•        overflow: hidden;
一般来说有着几种方法。还有在做浮动布局的时候，如果父级盒子嵌套了子级盒子，如果父级盒子没有设置固定的高度，那么里面的子级盒子浮动以后，父级盒子的高度就不会被撑开，显示默认的高度为0就会影响后面的盒子显示布局；方案1、如果盒子允许设置固定的高度我们就直接给父级盒子设置固定的高度就会解决问题；清除浮动之额外标签法（不建议使用）
在最后一个浮动元素的末尾添加一个空的标签：例如：<div style=“clear:both;”></div>
书写方便，但是会添加许多没有意义的标签，不建议使用；

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2