www.ctrt.net > html布局,下面怎么使两个Div在同一行显示?

html布局,下面怎么使两个Div在同一行显示?

在HTML中,让两个div在同一行显示的方法: 1、使用浮动float 代码: div同行显示 #container{overflow: hidden;}/* 清除浮动 */ #container div{width:200px;height:100px;} .box1{background: red;float: left;} .box2{background: green;float...

实现两个DIV盒子并排,一行只显示两列DIV布局,使用width宽度+float浮动即可实现一行显示两列DIV布局。 两个DIV并排 .div-a{ float:left;width:49%;border:1px solid #F00} .div-b{ float:left;width:49%;border:1px solid #000} 第一个DIV盒子 ...

通过左浮动, 可以让两个div在同一行 前提是宽度足够。不然会被挤到下面的

两种常用方法: 左左左左左左左右右右右右右右 一、 .p_left{float:left;} .p_right{float:left;} 二、(中间如果有空格 他会留空格的 上面的就不会,你要块状也可以换成display:inline-block;) .p_left{display:inline;} .p_right{display:inline;}

定好宽高后 设置属性display:inline

span{display:block;} span就不在一行了 div在一行要不用float,要不就用定位

主要有三种方法: 使用display的inline属性 通过设置float来让Div并排显示 对于两个div并排,左边为绝对宽度,右边为相对宽度的,需要用到这种布局的情况比较多见,如左边为导航,右边为内容的页面 将最大的容器padding-left固定宽度,左边的固...

样式 float:left; 左移

可以用float来实现这个效果,float有left和right两个方向。 .nav {width:500px; height:30px;}.nav span{width:200px; height:30px; float:left}.nav div{width:300px; height:30px; float:left}aaa bbb

一行 左 右

网站地图

All rights reserved Powered by www.ctrt.net

copyright ©right 2010-2021。
www.ctrt.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com