                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /网页简单布局之结构与表现原则

关于显示问题，图片和文字不在一行？？？而且文字的边框不显示，背景也不显示

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

.demo01{width:600px;position: relative;}

.demo01.left{width: 100px;float: left;}

.demo01.left img{margin-left: 20px}

.demo01.right{width: 308px;padding:10px;float: right;background: #9CF;border: 1px solid #ccc}

.demo span{position: absolute;right: 20px;top: 10px}

</style>

</head>

<body>

</body>

<div>

</div>

<div>

<h6>樱桃小丸子</h6>

<p>本王是对方考虑撒酒疯山东高考撒大家给零售商的法律大上激发了肯德基方腊时打开飞水淀粉及案例会计分录卡萨丁飞机上课的房间辣所肩负的杀掉了开发是大家爱疯了快放假ADSL发生的开发傻大姐方式打开就发了福建省的离开 </p>

</div>

</html>

慕粉3163535

2016-04-21

源自：网页简单布局之结构与表现原则 2-1

关注问题我要回答

3136

操作

收起

2 回答

格劳修斯回答被采纳 +3 积分
2016-04-21

你这个首先内容应该放在body里面，检查一下body标签。

其次，你的样式是加给谁的？ html标签里连class或者id属性都没有加，怎么给他们样式？

建议您先把基础知识掌握好

1 回复有任何疑惑可以回复我~

收起回答

a990969813

你好啊

2016-04-22 回复有任何疑惑可以回复我~

慕粉3163535 提问者

非常感谢！

2016-05-05 回复有任何疑惑可以回复我~

a990969813
2016-04-21

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
   .demo01{width:600px;position: relative;}
   .demo01 .left{width: 100px;float: left;}
   .left img{margin-left: 100px}
   .right{width: 308px;padding:10px;float: right;background: #9CF;border: 1px dotted #ccc}
   .demo01 span{position: absolute;right: 20px; top: 10px}
</style>
</head>
<body>
   <div class="demo01">
       <div class="left">
           <img src="file:///C:/Users/liuyongjie/Desktop/小新.jpeg" width="90px" height="90px" />
       </div>
       <div class="right">
           <h6>樱桃小丸子</h6>
               <p>
                   本王是对方考虑撒酒疯山东高考撒大家给零售商的法律大上激发了肯德基方腊时打开飞水淀粉及案例会计分录卡萨丁飞机上课的房间辣所肩负的杀掉了开发是大家爱疯了快放假ADSL发生的开发傻大姐方式打开就发了福建省的离开
               </p>
       <span>10分钟前</span>
       </div>
   </div>
</body>
</html>