Question

css noob在这里，努力弄清楚如何使浮动：左工作。我要修复的页面位于：http://www.yshara.com

1）我想在页面右侧的页面上对齐链接：Twitter和网站。

2）如何将标题'Joe Johnson'等与图像容器顶部对齐。

感谢您的帮助。

Answer 1

将 clearfix 应用于父div，而不是将其放在中间：

<div id="profile-frame" class="clearfix">
    <div class="left">

        <div class="photo">
            <img width="103" height="103" alt="TestProfile" src="../images/test_profile_1.jpg">
        </div>
        <div class="profile-details">
            <div class="header">
                <h1>Joe Johnson, Basketball &amp; Atlanta</h1>
            </div>

            <div class="desc">
                Hi my name is Joe Johnson, I am 26 years old and live in Atlanta. I enjoy basketball and twitter. I will be achieving much bigger things once I get better teammates.
            </div>
        </div>
    </div>

    <div class="right">
        <div class="links">
            <ul>
                <li><a href="http://www.atlantahawks.com/">website</a></li>
                <li><a href="http://twitter.com/JoeJoe2ATL">twitter</a></li>
            </ul>
        </div>
    </div>
</div>

编辑：抱歉，没看过你的第二个问题。拉下你的标题的是<h1>标签上的边距。在CSS中添加：

 .header h1{
    margin-top:0px;
}

如何解决这个css浮点问题？

1 个答案: