代码之家  ›  专栏  ›  技术社区  ›  Joe Slater

两个潜水器未对齐

  •  -1
  • Joe Slater  · 技术社区  · 12 年前

    我无法对齐名为的div #time 水平放置另一个名为 .content .

    点击此处查看网站的实时版本- https://dl.dropbox.com/u/73176512/InteractiveGuide/index.html

    时间div与内容div不对齐。右键单击并查看源代码可以查看代码。或者,如果需要,我可以把它粘贴在这里。

    我将#time div向右浮动。

    5 回复  |  直到 12 年前
        1
  •  1
  •   SaurabhLP    12 年前

    用这个更改您的代码,

    .upper {
        border-radius: 20px 20px 20px 20px;
        float: left;
        min-width: 1048px;
        padding: 10px 0;
    }
    .content {
        background-color: #FFF9EC;
        border: 1px solid white;
        border-radius: 20px 20px 20px 20px;
        box-shadow: 5px 5px 10px 5px gray;
        float: left;
        margin: 10px 0;
        min-width: 1024px;
        padding: 10px;
    }
    

    谢谢

        2
  •  0
  •   Safder Jaff    12 年前

    请删除左侧和右侧表单的填充。content

    谢谢 萨夫德·贾夫里

        3
  •  0
  •   Atif Azad    12 年前

    这是解决方案,只需将您的上层舱最小宽度设置为1070px

        .upper
     {
    float:left;
    padding: 10px;
    border-radius: 20px 20px 20px 20px;
    min-width: 1070px;
     }
    
        4
  •  0
  •   Mr_Green    12 年前

    在#time中添加一个负的右边距,方法如下:

    #time {
        margin-right: -40px;
    }
    
        5
  •  0
  •   Mr_Green    12 年前

    #time div右边的边距为-22像素(我刚刚看了一下,所以要检查一下)