首页 > 解决方案 > 这种布局可以使用 html 吗?如果是,那么如何编写 C2 和 C3?

问题描述

这个网页布局结构/表格如何用 HTML 编码?

标签: htmlhtml-tabledivision

解决方案


这是可能的,就您需要如何做而言,这有点复杂。

基本上,从左到右开始并为每个使用标签:

<div id="student"></div> 
<div id="C2"></div>
<div id="top_right">

<div id="Home"></div>
<div id="Admin"></div>
<div id="Contact"></div>
<div id="quick"></div>

</div>

所以,我只是在做第一部分。对于您想要使用的顶层

float: left;   //on each <div> in the css

然后当谈到“快速” div 你会想要

clear: both;
float: left; //in the css as well 

这是一个非常简单的示例,显然您需要为每个具有正确的宽度和高度,但是如果您正确使用浮动和清除,您可以实现此布局


推荐阅读