Question

我很难使用div进行布局设置。我得到了大部分页面设置，但我不得不在一个区域中使用表格，我想知道是否有办法用div框替换这些表格。

我无法弄清楚如何在这里附加html源代码，所以我附加了相关页面的链接..

http://www.guitarlessonsbydrew.com/killeens/index2.html

提前致谢。

Answer 1

您可以尝试执行以下操作

1）取下桌子 2）将table columns替换为div和float divs 3）clear floats end之后的div，因此它不会阻止您的页脚。

HTML：

<div class="content">
    <div class="column-1">
        <p><b>Welcome!</b></p>
        <p>Lorem Ipsum is the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>    
    </div>
    <div class="column-2">
        <p><img src="location.png" alt="location"></p>
        <p><iframe src="">....</iframe> </p>
    </div>  
  <div class="clr"></div>      
</div>
<div class="clr"></div>
<div class="footer"> Copyright  </div>

CSS：

.column-1{
     float:left;
     width:60%; }
.column-2{
     float:right;
     width:40%;}
.clr{
     clear:both;
    }

您可以参考以下链接清除浮动 Clearing floats

DIV / CSS布局而不是表格

1 个答案: