项目问题记录

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

问题一:在写这个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

问题四:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,179评论 1 92
  • 越是碎片化时代,越是需要系统性学习。 分列功能首先我们来看一下我们的课件分列呢,总共包含九大知识点, 1基本用法 ...
    苏静_省思阅读 345评论 0 1
  • 概述 在2017年中至2019年中这段时间,笔者断断续续参与了两项VR项目的开发,也遇到了不少新人容易碰到的问题。...
    HenryQIU阅读 1,119评论 0 0
  • 背景: 家里用的是电信的宽带。后来参加联通的存话费送手机活动同时送了一条宽带,所以平时以电信宽带为主,联通宽带备用...
    衣明_lpsssz阅读 1,949评论 0 50
  • 最近,网上好多投资者都说被外汇被骗的,也有股权投资,股票配资被骗的,有些人能够发现被骗,而且能够下定决心立刻采取行...
    皮卡锤阅读 190评论 1 1

友情链接更多精彩内容