项目问题记录

在做企业项目时遇到的问题记录:

问题一:在写这个ul代码时遇到设置float:left,float:right无法浮动的因素,那么需要在父盒子上设置高度。如下图:

设置了float却无效果

那么需要设置父盒子高度来解决这一问题

设置父盒子高度后的效果,但是float:right没效果  

那么就需要设置右边部分的宽度

右边部分设置宽度后,实现浮动效果  

问题二:在设置了news1跟news2的中间margin后,却没有作用。仔细查看后发现panel盒子设置了宽度,但是父盒子news1没有设宽度,导致没有撑开,然后设置父盒子news1跟news2的宽度后,显示就有效了。

news2盒子设置了margin-left  
仔细查看后发现margin是有效的,但是news1尺寸不对导致宽度不够  
设置了两边盒子正常宽度尺寸后的结果  

问题三:在设置了子盒子margin-top后,没有效果

设置了子盒子top-box的margin

但是实际效果是父盒子but-top发生了margin,那说明子盒子的margin没有遇到边框,所以往外层撑开,那么就需要设置父盒子but-top的border。

父盒子设置border:transparent

问题四:

你可能感兴趣的:(项目问题记录)