css将内容布局分三块 |ncss软件

css变粗体，css代码运行器，css调整img图片形状，反恐精英:起源 css，css控制input不可编辑，css3从右切入，ncss软件 css将内容布局分三块 |ncss软件

首先，大家需要在HTML代码中定义三个块级元素。假设大家将这三块分别命名为“left”、“middle”和“right”，则HTML代码应该如下：

<div class="left">...</div>
<div class="middle">...</div>
<div class="right">...</div>

接下来，大家需要使用CSS的“float”属性来定义这三个块的位置。例如：

.left{
float:left;
width:30%;
}
.middle{
float:left;
width:40%;
}
.right{
float:right;
width:30%;
}

通过上面的代码，大家让左边的块浮动到了左侧，右边的块浮动到了右侧，中间的块则会自动填充中间的剩余空间。同时，大家还为三个块设置了宽度，这样可以精确控制每个块的大小。

最后，大家可以使用“clear”属性来清除浮动影响。例如，如果在三个块的下方还有其它内容，大家应该将下面的元素使用“clear:both”来清除浮动影响：

<div></div>

这样，就可以完美的将网页内容分成三块布局了。