Question

css的新手。我的页面左上角有一个图像。在右边，我有两条垂直对齐的文本行。我想在我的图像的右边缘和文本的最左边的字符之间放置一些空格。我认为左边缘或左边边距都会这样做，但它不起作用。我究竟做错了什么？谢谢！

<div class="frame">
    <div class="page">
        <div class="myimage">
            <img id="mainpic" src="images/small.png" width="330px" height="220px">
        </div>

        <div class="title" >
            <h1>Some Title</h1>
            <p>Short explanation of what to do here.</p>
        </div>

    </div>
</div>

css文件：

body{
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
p, h1, form, button{border:0; margin:0; padding:0;}

.frame{
}

.page{    
    margin:0 auto;
    width:1000px;
    height:1000px;
}

.myimage {
    position:relative;
    float:left;
    width="330px";
    height="220px";
    float:left;
}

.title{
    position:relative;
    float:left
    margin-left:100px;    <-- one approach, not working
    padding-top:100px;
    width="670px";
    height="220px"
    min-height="220px"

}

.title h1 {
    padding-left:100px;    <--another approach, still not working
    color:#000000;
    font-size:xx-large;
}

title p {
    color:#444444;
    font-size:large;
}

Answer 1

保证金左边确实可以正确调整保证金，但是您列出的100px保证金不会增加任何额外空间，因为它不会比“标题”div左边的“myimage”标签宽

一种解决方案是使边缘左边>比330px（您为“myimage”定义的宽度）或仅使用CSS left属性。

left:100px;

Answer 2

发现问题。漂浮后没有分号：左。把它添加到我的一长串哑巴疏忽中。

试图让div滑到右边

2 个答案: