html div

GeekMIX

于 2018-10-13 16:26:22 发布

阅读量599

点赞数 4

分类专栏： Html Note

本文链接：https://blog.csdn.net/MCC_3599/article/details/83039731

版权

Html 同时被 2 个专栏收录

4 篇文章

订阅专栏

Note

4 篇文章

订阅专栏

本文介绍如何利用HTML的div元素结合CSS样式实现网页的基本布局，通过定义左右两个区块的位置和大小，展示网页布局的基本技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div> division
是网页布局的主要手段：将网页划分为若干
矩形区域，每个div表示一个区域里的内容。

简单定义两个div，一个居左，一个居右。

<div id="left">
    第一块
</div> 
<div id="right">
    第二块
</div>

给左边的div定义一个id: left，右边的定义为right

再用CSS来定义它们的显示及位置。。。

#left {
    position:absolute;
    width: 400px; height: 300px;
    left: 10px;
    background-color: #988909;
}
#right {
    position:absolute;
    width: 400px; height: 300px;
    right: 10px;
    background-color: #aabbcc;
}

CSS 中id用#定义 class 用. 定义