Html A<;部门>;我的不是';不要去它想去的地方';它应该是这样的,而我知道如何修复它的唯一方法是推动<;p>;超出<;部门>;

Html A<;部门>;我的不是';不要去它想去的地方';它应该是这样的,而我知道如何修复它的唯一方法是推动<;p>;超出<;部门>;,html,css,Html,Css,我有一个,应该放在一个下面,另一个的左边,它位于的左端,因为它的清除:我的CSS文件中id的两个属性。但是如果我以任何方式更改了该属性,将转到它应该去的地方。如果这听起来让人困惑,那没关系,因为我知道我可能在措辞上做得很糟糕,所以我会让你看看 下面是网站的代码,包括HTML和CSS。同样,我关心的是“文本”,这是错位的。应该在其正上方的是带有文本“About me”的,其id是“main”。带有3张图片的的id为“图片” HTML: <!doctype HTML> <html

我有一个
,应该放在一个
下面,另一个
的左边,它位于
的左端,因为它的
清除:我的CSS文件中id的两个
属性。但是如果我以任何方式更改了该属性,
将转到它应该去的地方。如果这听起来让人困惑,那没关系,因为我知道我可能在措辞上做得很糟糕,所以我会让你看看

下面是网站的代码,包括HTML和CSS。同样,我关心的
是“文本”,这是错位的
。应该在其正上方的
是带有文本“About me”的,其id是“main”。带有3张图片的
的id为“图片”

HTML:

<!doctype HTML>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    <title>
    </title>
</head>
<body>
    <div id="banner" id="banner"></div>
    <a href="index.html"><div id="button"><p id="p1">Home</p></div></a>
    <a href="about.html"><div id="button"><p id="p1">About Me</p></div></a>
    <a href="career.html"><div id="button"><p id="p1">Career</p></div></a>
    <a href="school.html"><div id="fixbutton"><p id="p1">Schooling</p></div></a>
    <div id="main"><p align="center" style="font-size:400%">About Me</p></div>
    <div id="picture"><img height="575" width="751" src="4-photos-art.jpg"/></div>
    <div id="additionaltext"></div>
    <div id="text"><p id="p1">As an individual, I like to think of myself as a very artistic and creative person. My hobbies are mostly just me drawing and playing my instrument. My ideal career would be in art and/or music.</p></div>
</body>
</html>

我认为此编辑将帮助您:)

我只是把你的div改为main div的内部,而且我对css中像素的变化也很少

#横幅{
背景色:#FFFFFF;浮动:左侧;宽度:30%;高度:71px;边框:2px实心;
}
#钮扣{
背景色:#FFFFFF;边框:2px实心;浮动:左侧;宽度:15%;高度:71px;
}
#固定按钮{
背景色:#FFFFFF;边框:2px实心;浮动:左侧;宽度:15%;高度:71px;
}
#主要{
背景色:#FFFFFF;高度:204px;宽度:23%;浮动:左侧;边框:2px实心;
}
#图画{
背景色:#FFFFFF;高度:575px;宽度:55%;浮动:左侧;边框:2px实心;
}
#正文{
背景色:#FFFFFF;高度:370px;宽度:100%;边框:2px实心;文本对齐:居中;清除:右侧;
}
#附加文本{
背景色:#FFFFFF;高度:575px;宽度:20%;浮动:右侧;边框:2px实心;
}
#p1{
文本对齐:居中;字体大小:150%;
}
#按钮:悬停{
背景色:#ffff99;
}
#固定按钮:悬停{
背景色:#ffff99;
}

作为一个个体,我喜欢将自己视为一个非常有艺术性和创造力的人。我的爱好主要是画画和演奏乐器。我理想的职业是艺术和/或音乐


这里我修复了您的html和css。祝你好运

#横幅{
背景色:#FFFFFF;浮动:左侧;宽度:30%;高度:71px;边框:2px实心;
}
#钮扣{
背景色:#FFFFFF;
边框:2倍实心;
浮动:左;
宽度:15%;
高度:71px;
}
#固定按钮{
背景色:#FFFFFF;
边框:2倍实心;
浮动:左;
宽度:15%;
高度:71px;
}
#主要{
背景色:#FFFFFF;
高度:204px;
宽度:23%;
浮动:左侧;边框:2px实体;
}
#图画{
背景色:#FFFFFF;
身高:575px;
宽度:55%;
浮动:左;
边框:2倍实心;
}
#正文{
背景色:#FFFFFF;
身高:361px;
宽度:100%;
边框:2倍实心;
文本对齐:居中;
清楚:对,;
}
#附加文本{
背景色:#FFFFFF;
身高:575px;
宽度:20%;
浮动:对;
边框:2倍实心;
}
#p1{
文本对齐:居中;
字体大小:150%;
}
#按钮:悬停{
背景色:#ffff99;
}
#固定按钮:悬停{
背景色:#ffff99;
}
.clear{clear:两者;}
p{页边距底部:0}

关于我

作为一个个体,我喜欢将自己视为一个非常有艺术性和创造力的人。我的爱好主要是画画和演奏乐器。我理想的职业是艺术和/或音乐


你能包括你使用的css吗?我包括了,这是问题的最后一个内容。哦,我明白了,就这些吗?所有我看到的都是背景哈哈哈无论如何我会创造一个小提琴嘿,非常感谢你!到目前为止,这个问题在我的整个网站上都很普遍,所以这真的很有帮助。
#banner {
    background-color:#FFFFFF;float:left;width:30%;height:71px;border:2px solid;
}

#button {
    background-color:#FFFFFF;border:2px solid;float:left;width:15%;height:71px;
}

#fixbutton {
    background-color:#FFFFFF;border:2px solid;float:left;width:15%;height:71px;
}


#main {
    background-color:#FFFFFF;height:204px;width:23%;float:left;border:2px solid;
}

#picture {
    background-color:#FFFFFF;height:575px;width:55%;float:left;border:2px solid;
}

#text {
    background-color:#FFFFFF;height:650px;width:23%;border:2px solid;text-align:center;clear:right;
}

#additionaltext {
    background-color:#FFFFFF;height:575px;width:21%;float:right;border:2px solid;
}

#p1 {
    text-align:center;font-size:150%;
}

#button:hover {
    background-color:#ffff99;
}

#fixbutton:hover {
    background-color:#ffff99;
}