Question

我无法将侧栏中的精选文章正确排列(here)。我试图让它们看起来更像this site上的那些。

这是CSS：

 #element2 {
    margin:0 auto;
    padding: 5px 0 0px 0px;
    color:#161514;
    font-family:helvetica, sans-serif, Arial;
    font-size: 13px;
    background: #c7c7c7;
    width: 295px;
    height: 60%;
    }
img.element {
    width:305px;
    position:relative;
    right:auto;
    left:auto;
    height:auto;
    overflow:hidden;
    border:1px solid #ccc;
    width:130px;
    height:100px;
    min-height:100px;
    border:0;
    margin:5px 0px 0px 0px;
    display: inline-block;
    }
p.element {
    position:relative;
    align:right;
    width:140px;
    height:100;
    min-height:100px;
    margin:5px 0px 0px 0px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1pt;
    border:0;
    background:#c7c7c7;
    display: inline-block;
    }

任何建议都非常感谢。

谢谢，

塔拉

PS：我正在使用Chrome 10

Answer 1

你用css搞得太多了删除p.element和img.element css规则并使用以下内容重新开始样式：

img.element {
    height: 100px;
    width: 130px;
   position: absolute;
}
p.element {
    height: 100px;
    margin-left: 130px;
    width: 140px;
}

在CSS中对齐相邻对象的问题

1 个答案: