在html5中怎么把一div分割?

用什么标签可以把一个div分割成竖着两个,有右面上下两个?如果可以,请详细讲解!!!如图所示!图片

9个回答

直接table不就行了,不要把简单的事搞这么复杂


```<div>
                            <div></div>
                            <div>
                                                    <div></div>
                                                    <div></div>
                            </div>
    </div>




加上浮动就行,float:left楼主试下,


111

222

111

222

111

222

111

222

111

用float就行

 <div style="float:left;width:200px;height:100px;">
 </div>
  <div style="float:left;width:200px;height:100px;">
        <div style="width:100%;height:100px;"></div>
        <div style="width:100%;height:100px;">/div>
 </div>

顺便说一句,图画的不错!

图片说明













主要是应用CSS的浮动来实现的,具体代码如下:

<html>
    <head>
        <style>
            *{
                margin: 0px;
                padding: 0px;
            }
            .left{
                width: 50%;
                height: 200px;
                background: red;
                float: left;
            }
            .right{
                width: 50%;
                height: 200px;
                float: left;
            }
            .rightTop{
                width: 100%;
                height: 100px;
                background: yellow;
            }
            .rightBot{
                width: 100%;
                height: 100px;
                background: blue;
            }
        </style>
    </head>
    <body>
        <div>
            <div class="left">Left</div>
            <div class="right">
                <div class="rightTop">Right-Top</div>
                <div class="rightBot">Right-Bottom</div>
            </div>
        </div>
    </body>
</html> 

效果图如下:
图片说明

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐