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

求大神看看有没有问题

<!doctype html>

<html>

<head>

<meta charset="utf-8">

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

<style type="text/css">

/*reset*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;list-style: none;font:12px/1.5 "Arial", "sans-serif", "微软雅黑", "宋体", "Tahoma"}


/*公共样式*/

body{ padding-top:50px; line-height:20px}

.userPic{padding:5px; border:1px #ccc solid}

.demo01, .demo02{ margin-bottom:20px}

p{ text-indent:2em}


.demo1{width:600px;overflow:hidden;}

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

.demo1 .left img{margin-left:20px;}

.demo1 .right{width:458px;float:right;padding:20px;background:#31C89B;border:1px solid #000000;}

.demo1 .right h6{margin-bottom:5px;}

.demo1 .right span{color:#999;float:right;margin-top:-100px;}


.demo2{width:600px;overflow:hidden;}

.demo2 img{float:left;margin-left:20px;}

.demo2 .right{width:458px;float:right;padding:20px;line-height:20px;background:#31C89B;border:1px solid #000000;position:relative;}

.demo2 .right h6{margin-bottom:5px;}

.demo2 .right span{font-size:10px;color:#F1EBEB;position:absolute;top:5px;right:10px;}


.demo3{width:460px;position:relative;padding:20px;margin-left:100px;background:#31C89B;border:1px solid #000000;}

.demo3 img{margin-left:20px;;position:absolute;top:0;left:-100px;}

.demo3 h6{margin-bottom:5px;}

.demo3 span{font-size:10px;color:#F1EBEB;position:absolute;top:5px;right:10px;}


</style>

</head>


<body>

<div class="demo1">

<div class="left">

    <img src="images/head01.jpg"/>

    </div>

    <div class="right">

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

        <p>奥鹏教育是由教育部高等教育司2001年12月批准立项试点,2005年4月正式批准运营的远程教育公共服务体系,为遍布全国的学员提供学历(专升本,高起专)和非学历教育咨询、报名、学习辅导、课程考试、交费等7X24小时学习支持服务400-810-6736。</p>

        <span>10分钟前</span>

       

    </div>

   

</div>

 <br/> <br/> <br/>

<div class="demo2">


    <img src="images/head01.jpg"/>

 

    <div class="right">

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

        <p>奥鹏教育是由教育部高等教育司2001年12月批准立项试点,2005年4月正式批准运营的远程教育公共服务体系,为遍布全国的学员提供学历(专升本,高起专)和非学历教育咨询、报名、学习辅导、课程考试、交费等7X24小时学习支持服务400-810-6736。</p>

        <span>10分钟前</span>

       

    </div>

</div>

<br/><br/><br/>

<div class="demo3">

    <img src="images/head01.jpg"/>

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

    <p>奥鹏教育是由教育部高等教育司2001年12月批准立项试点,2005年4月正式批准运营的远程教育公共服务体系,为遍布全国的学员提供学历(专升本,高起专)和非学历教育咨询、报名、学习辅导、课程考试、交费等7X24小时学习支持服务400-810-6736。</p>

    <span>10分钟前</span>

         

</div>

</body>

</html>


正在回答

2 回答

你在问什么问题········          看上去网页就是个正常网页,没什么大问题,样式有些冗余很多样式大量重复写了,没有必要,几个div的参数基本一直的拿出来单独写可以通用

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

Song歌 提问者

哦,我是把三种方式都写出来了,谢谢
2015-10-10 回复 有任何疑惑可以回复我~

这样怎么看。。。。。

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

举报

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

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

进入课程

求大神看看有没有问题

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号