Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 填充难题_Html_Css_Wrapper_Margin_Padding - Fatal编程技术网

Html 填充难题

Html 填充难题,html,css,wrapper,margin,padding,Html,Css,Wrapper,Margin,Padding,我搞不懂这个填充物。我想在我的主页claireisabelwebb.com上去掉照片上细微的顶部和左边的填充物 这是我的css: /* Wrapper for Text and Photo on Home Page */ .wrapper_text_photo{ display:block; /* float: left; */ position: fixed;; background: rgba(0,0,255, 0);

我搞不懂这个填充物。我想在我的主页claireisabelwebb.com上去掉照片上细微的顶部和左边的填充物

这是我的css:

/* Wrapper for Text and Photo on Home Page */

.wrapper_text_photo{ 
        display:block;
        /* float: left; */
        position: fixed;;
        background: rgba(0,0,255, 0);
        height: 800px;
        padding-top: 3px;
        padding-left: 10 px;
        margin-top:20px;
        /* margin-left:100px;*/
        margin-left:55px;
        /* margin-left:100px;*/
        margin-top: 232px;
}

/* Photo on Home Page */

.photo_home {
        float: left;
        margin-right:10px;
        padding-left: 10px;
        padding-top: 10px;
        background: rgba(0,0,255, 0);
}

/* Text on Home Page */

.home_text{ 
        display:block;
        position: fixed;
        background: rgba(255,255,255,.85);
        width:1100px;
        height: 480px;
        margin-left: 300px;
        padding-left: 10px;
        padding-right: 5px;

}
.home_text p img {
    float:left;
    background: rgba(255,255,255, .85);
}
和html:

    <!-- Text and Photo __________________________________________-->

<div class="wrapper_text_photo">

    <div class="home_text">
            <p><img class="photo_home" src="http://claireisabelwebb.com/images/Home/claire-ed.jpg" alt="person_name" height="280px" />I graduated in YYYY from XXXX College with departmental honors in SUBJECT. As a junior, I participated in a XXXX mission in PLACE. <br><br>
            Email me at someemail@someemail.com.
            <br> 
            &raquo;try scrolling this page up and down&laquo;
            </p>
    </div>
</div>

我于YYYY毕业于XXXX学院,获得该学科的院系荣誉。作为一名大三学生,我参加了XXXX任务

发电子邮件给我someemail@someemail.com.
&拉阔;尝试上下滚动此页面«;

我很难看到包装器的边距和边距在哪里,以及它如何与每个元素(照片和文本框)的边距和边距交互。这是正确的编码方法吗

谢谢

.photo_home {
    ...
    padding-left: 10px;
    padding-top: 10px;
    ...
}

这和这事没关系吧?尝试删除此处的填充线。

您正在添加填充。如果不希望填充显示背景,则有两个选项

切换到边距:

.photo_home {
    float: left;
    margin: 10px 10px 0 10px;
    background: rgba(0, 0, 255, 0);
}
或者将此样式用于背景透明度:

.photo_home {
    float: left;
    margin-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    background: transparent;
}

你总是比我快30秒找到答案在我所在的几个网站和聊天室里,人们都叫我狙击手:谢谢,我以前试过。那很好,但我想知道填充物的间距。我不明白为什么它是白色的,不是透明的。试着用
margin