UC知道css简单定位问题 如何让如下代码图中1与3 2与4上下对齐啊？
来源：百度知道 编辑：UC知道 时间：2024/06/17 20:24:21
怎么调整代码让他们1 与 3上下对齐 2与4上下对齐啊？
高手帮吗!clear float 都不行啊！margin padding 都不行啊！
这段代码意思就是我要建立一个红色方块，在其4个角分别定位一个数字，但现在都实现了就差左上角，左下角；右上与右下没有对齐，即1与3，2与4上下不能对齐啊？？？？
css是这样写的：
body{margin:0px;font:bold;
background:#c0c0c0;
}
/*容器*/
#container{
margin:auto;
background:#c0c0c0;
width:400px;
}
/*主题*/
#mainpage{
margin:200px auto;
width:400px;
height:200px;
background:red;
}
/*4个字体*/
#font1{margin:0px;
padding:0 0 0 0px;
float:left;
}
#font2{margin:0px;
float:right;
font-weight:bold;
}
#font3{margin:400px 0px 0px 0px;
float:left;
font-style:italic;
position:absolute; z-index:35px;
}
#font4{margin:400px 0 0 0;
float:right;
color:green;
}
页面中代码是这样的：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "CSS的简单定位问题! CSS定位的问题 CSS定位问题 div css 定位问题。 css+div定位问题 css 绝对定位 和相对定位问题 简单css样式问题 网页里的CSS菜单定位问题 DIv+Css的图片定位问题! DIV+CSS定位的一个小问题
高手帮吗!clear float 都不行啊！margin padding 都不行啊！
这段代码意思就是我要建立一个红色方块，在其4个角分别定位一个数字，但现在都实现了就差左上角，左下角；右上与右下没有对齐，即1与3，2与4上下不能对齐啊？？？？
css是这样写的：
body{margin:0px;font:bold;
background:#c0c0c0;
}
/*容器*/
#container{
margin:auto;
background:#c0c0c0;
width:400px;
}
/*主题*/
#mainpage{
margin:200px auto;
width:400px;
height:200px;
background:red;
}
/*4个字体*/
#font1{margin:0px;
padding:0 0 0 0px;
float:left;
}
#font2{margin:0px;
float:right;
font-weight:bold;
}
#font3{margin:400px 0px 0px 0px;
float:left;
font-style:italic;
position:absolute; z-index:35px;
}
#font4{margin:400px 0 0 0;
float:right;
color:green;
}
页面中代码是这样的：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "CSS的简单定位问题! CSS定位的问题 CSS定位问题 div css 定位问题。 css+div定位问题 css 绝对定位 和相对定位问题 简单css样式问题 网页里的CSS菜单定位问题 DIv+Css的图片定位问题! DIV+CSS定位的一个小问题