为了账号安全,请及时绑定邮箱和手机立即绑定

怎么样用<div>才能让这个两栏是左右横向的?

怎么样用<div>才能让这个两栏是左右横向的?

正在回答

6 回答

  1. 用定位实现-position

  2. 浮动实现-float:left

  3. 把两个div都设置成行内块元素-display:inline-block

0 回复 有任何疑惑可以回复我~

最基础的写法

https://img1.sycdn.imooc.com//5b8a05cf00017b0e05580483.jpg

2 回复 有任何疑惑可以回复我~
#1

入门到弃坑

width和height用百分比跟用数值那个比较好?
2018-10-12 回复 有任何疑惑可以回复我~
#2

qfzwork

还是上下的位置
2018-11-03 回复 有任何疑惑可以回复我~

用一个div设置宽度  高度什么的

在div里面嵌套两个div  然后浮动就好了

0 回复 有任何疑惑可以回复我~
#1

稚晴

怎么嵌套啊
2019-03-19 回复 有任何疑惑可以回复我~

浮动或者定位哟

0 回复 有任何疑惑可以回复我~
html:
<div class='box left'></div>
<div class='box right'></div>

css:

.box{
    width:50%:
    heigth:100px;
    border: 1px solid #000;
}
.left{
    float:left;
}

.right{
    float:right;
}


5 回复 有任何疑惑可以回复我~
#1

陈小陌

.box{ width:50%; heigth:100px; border: 1px solid #000; }
2018-05-18 回复 有任何疑惑可以回复我~

用  float:left;  和  float:right;

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

怎么样用<div>才能让这个两栏是左右横向的?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信