为了账号安全,请及时绑定邮箱和手机立即绑定

和老师相同的代码。第一种调试不出来,不知道样式什么地方出现了问题?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style>

body,p,h1,h2,h3,h4,h5,h6,form,ul,ol,hr{margin:0;padding:0;font:14px/1.5,normal,"Arial","sans-serif","微软雅黑","宋体","Tahoma";color:#666}

ul,ol{list-style:none}


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

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

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

.demo01.right{width:458px;padding:20px;float:right;background:#9CF;border:1px solid #CCC}

.demo01.right p{font-size:12px;line-height:25px;}

.demo01 span{position:absolute;right:20px;top:10px;font-size:12px}

</style>

</head>


<body>

<div class="demo01">

  <div class="left">

    <img src="545865b90001b1d102200220-220-220.jpg"

  </div>

  <div class="right">

    <h6>哈哈</h6>

    <p>这里面的内容是学习初学者的微博用户发言信息列表制作这里面的内容是学习初学者的微博用户发言信息列表制作这里面的内容是学习初学者的微博用户发言信息列表制作这里面的内容是学习初学者的微博用户发言信息列表制作这里面的内容是学习初学者的微博用户发言信息列表制作这里面的内容是学习初学者的微博用户发言信息列表制作</p>

    <span>1分钟之前</span>

   </div>

</div>

</body>

</html>


正在回答

3 回答

子选择器 .demo01.left写法错误,可以这样写 .demo01>.left

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

.demo01后面要是在加一个.left的话,那么必须是.demo01 .left    这里面必须要加一个空格才可以,不信你去试一试

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

我也是

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

举报

0/150
提交
取消
网页简单布局之结构与表现原则
  • 参与学习       108319    人
  • 解答问题       375    个

入门必杀技之结构与表现相分离,课程会有3个案例,不同角度讲解

进入课程

和老师相同的代码。第一种调试不出来,不知道样式什么地方出现了问题?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信