61,112
社区成员
发帖
与我相关
我的任务
分享请问一个html问题？
我写了下面一段代码：
<html >
<head>
<title>无标题文档</title>
<style type="text/css">
p.first{
margin-left:10px;
margin-right:600px;
margin-bottom:10px;
border:1px dotted gray;
padding:10px 20px 900px 20px;
}
p.second{
margin-left:10px;
margin-right:600px;
margin-bottom:10px;
border:1px dotted gray;
padding:10px 20px 900px 20px;
}
</style>
</head>
<body>
<p class="first">为什么，为什么和书上写的不一样能？</p>
<p class=“second”>头都疼的</p>
</body>
</html>
请问这段程序中为什么second中的字体不会显示在first的右端，而显示在底部？要达到设计效果需要如何设定，谢谢。
<html >
<head>
<title>无标题文档</title>
<style type="text/css">
p.first{
margin-left:10px;
margin-right:600px;
margin-bottom:10px;
border:1px dotted gray;
padding:10px 20px 900px 20px;
}
p.second{
margin-left:10px;
margin-right:600px;
margin-bottom:10px;
border:1px dotted gray;
padding:10px 20px 900px 20px;
}
</style>
</head>
<body>
<p class="first">为什么，为什么和书上写的不一样能？</p>
<p class=“second”>头都疼的</p>
</body>
</html>
请问这段程序中为什么second中的字体不会显示在first的右端，而显示在底部？要达到设计效果需要如何设定，谢谢。
...全文
请发表友善的回复…
发表回复
xianhui111 2011-01-19
- 打赏
- 举报
4楼正解
yuweiqing_120 2011-01-19
- 打赏
- 举报
i fule u
wwtbless 2011-01-15
- 打赏
- 举报
甚至你的padding也设置的太大，你确定有必要设那么大吗？
wwtbless 2011-01-15
- 打赏
- 举报
不过你的margin-right也太大了点。完整代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>无标题文档</title>
<style type="text/css">
p.first{
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
border:1px dotted gray;
padding:10px 20px 900px 20px;
float:left;
width:400px
}
p.second{
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
border:1px dotted gray;
padding:10px 20px 900px 20px;
float:left;
width:400px
}
</style>
</head>
<body>
<p class="first">为什么，为什么和书上写的不一样能？</p>
<p class="second">头都疼的</p>
</body>
</html>
碧海情天-赵亮 2011-01-15
- 打赏
- 举报
彻底无语，你看的是什么书，或者说你自己的练习太天马行空了些。
我总是反对一个误区的认识，就是“少看书，多练手”，或者虽然不是说得这么明显，但也存在这种意识，轻视对基础语法的枯燥学习，看些乱78糟或自己想像的代码。
学技术，必须能忍受枯燥的基础学习。说过分点，在看透两本书之前都没什么资格作练手。
我总是反对一个误区的认识，就是“少看书，多练手”，或者虽然不是说得这么明显，但也存在这种意识，轻视对基础语法的枯燥学习，看些乱78糟或自己想像的代码。
学技术，必须能忍受枯燥的基础学习。说过分点，在看透两本书之前都没什么资格作练手。
student2007 2011-01-15
- 打赏
- 举报
而且second没有被边界线给框住？
wwtbless 2011-01-15
- 打赏
- 举报
1 、 样式的写法是多种多样的，不要死记书上的。活动运用嘛
2 、 这个p是块元素，又没有设置浮动，所以肯定在下面。如果想要它到左边去，方法也有多种。
最好的方法就是设置浮动了。
p.first,p.second加上下面代码：
2 、 这个p是块元素，又没有设置浮动，所以肯定在下面。如果想要它到左边去，方法也有多种。
最好的方法就是设置浮动了。
p.first,p.second加上下面代码：
float:left
