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

浮动问题!

浮动问题!

qq_小白_7 2015-06-03 10:22:41
请看以下代码:<div id="div1">栏目1</div><div id="div2">栏目2</div><div id="div3">栏目3</div>这三个盒模型,都设置border{2px solid red}那么网页中三个盒子是自上而下垂直排列,怎样用CSS浮动实现第三个盒子和第一个盒子在一行上,试了很久都不行,只能相邻的盒子可以实现同行。
查看完整描述

2 回答

?
银马座

TA贡献8条经验 获得超1个赞

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>测试4</title>
<style type="text/css">
  #div1,#div2{
	  border:2px solid red;
	  width:100px;}
</style>
</head>
<body>
<div>
<div style="float:left">
  <div id="div1">栏目1</div>
  <div id="div1">栏目2</div>
</div>
  <div id="div2"  style="float:left">栏目3</div>
</div>
</body>
</html>


查看完整回答
反对 回复 2015-06-03
  • qq_小白_7
    qq_小白_7
    看懂了一些,不过id=div1为什么可以使用两次,id选择器不是只能使用一次。
?
qq_小白_7

TA贡献3条经验 获得超0个赞

少些了代码,都设置width:200px;height:100px;


查看完整回答
反对 回复 2015-06-03
  • 2 回答
  • 0 关注
  • 1341 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信