Question

如何用css和HTML写一个页面，如下图

主要是怎么写让图片靠右边显示

Answer 1

我觉得你现在是没有搞清楚html中对区块的划分，这张图明显是先分左右两大块，左边再分上中下三块，右边1、2、3、4，四块，再往里面填充内容，你看划分图

我帮你写个框架，其他的细节和内容你自己去填

<style>
*{ margin:0; padding:0; list-style:none;}
.wap{ width:990px; height:auto; margin:0 auto;}
.leftBox{ width:754px; height:auto; float:left; border:1px solid red;}
.rightBox{ width:220px; height:auto; float:right; border:1px solid red;}
.nrBox{ margin-bottom:13px; border:1px solid #00F;}
</style>
<div class="wap">
 <div class="leftBox">
  <div class="nrBox" style="height:215px;">个人信用调查(高215)</div>
  <div class="nrBox" style="height:560px;">调查宗述(高560)</div>
  <div class="nrBox" style="height:96px;">调查案例(高96)</div>
 </div>
 <div class="rightBox">
  <div class="nrBox" style="height:227px;">个人信用调查(高227)</div>
  <div class="nrBox" style="height:160px;">图片一(高160)</div>
  <div class="nrBox" style="height:158px;">图片二(高158)</div>
  <div class="nrBox" style="height:154px;">图片三(高154)</div>
  <div class="nrBox" style="height:72px;">图片四(高72)</div>
 </div>
</div>

追问

厉害了我的哥

Answer 2

放在一个div里面，rangdiv右浮动

Answer 3

给图片设置向右浮动float:right

追问

但是文字还是不行