#lilia的挣扎之旅#week2-assignment5

assignment5-1

一篇很好的文章解释margin折叠
外边距用来指定非浮动元素与其周围盒子边缘的最小距离。两个或两个以上的相邻的垂直外边距会被折叠并使用它们之间最大的那个外边距值。多数情况下,折叠垂直外边距可以在视觉上显得更美观,也更贴近设计师的预期。

比如给

    下面的
  • 设置margin:5px 10px;含义是垂直方向各是5px,水平方向各是10px;在没有做浮动的情况下多个
  • 垂直排列。
    那么
  • 之间的间距按理来说是10px,但浏览器实际渲染的间隔结果展现出来的是5px。

    assignment5-2

    • html文档
    
    
    
        css盒模型5.2
    
    
        
    源码分类
    ASP(1)
    PHP(0)
    JSP(1)
    访客
    暂无访客
    登录后您的头像会在这里
    • 效果图


      #lilia的挣扎之旅#week2-assignment5_第1张图片
      image

    assignment5-3

    • html文档
    
    
    
        css盒模型5.3
    
    
        
    • 效果图


      #lilia的挣扎之旅#week2-assignment5_第2张图片
      image

    assignment5-4

    • html文档
    
    
    
        css盒模型5.4
    
    
        
        
    
    
    
    • 效果图


      #lilia的挣扎之旅#week2-assignment5_第3张图片
      image

你可能感兴趣的:(#lilia的挣扎之旅#week2-assignment5)