简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
不知为何我代码浮动不起作用
lilove
lilove 2018-03-26 14:50:58
0
3
1564

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>3.两列布局右边固定左边自适应</title>

<style type="text/css">

.main {

height:600px;

background-color:skyblue;

margin-right:200px;

}

.right {

width:200px;

height:600px;

background-color:lightgreen;

float:right; /*设置块元素的右浮动*/

}

</style>

</head>

<body>

<div>主体</div>

<div>右侧</div>

</body>

</html>


lilove
lilove

一个混迹在二次元边际的程序员

全部回复(3)
　
　2018-03-27 11:13:47 3 楼

同意二楼观点  

你使用margin-right:200px;

是想给右边div留位置出来吧？

但是div默认宽度100% 

所以你设置margin-right:200px;之后的div宽度其实还是100%

因为padding，margin，width，border 加起来才是组件的真实宽度或高度

点赞 +0
添加回复
lilove432
lilove4322018-03-26 14:57:21 2 楼

请将

<div>主体</div>

<div>右侧</div>

改为

<div class="main">主体</div>

<div class="right">右侧</div>

再测试代码~

点赞 +0
添加回复
lilove432
lilove4322018-03-26 14:52:30 1 楼

我去怎么吞代码了，class没了

点赞 +0
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！