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

为什么在360浏览器设置浮动后会撑开?

<!DOCTYPE html>

<html>

<head>

<title>Bing search</title>

<style type="text/css">

body{

background-color: #333;

}

.bg-div{

background-image: url(Images/river.jpg);width: 1366px;height: 768px;margin: 0 auto}

.logo{

background-image: url(Images/logo.png);width: 107px;height: 53px;float:left; 

}

form{

float:left;background-color: #fff;

}

</style>

</head>

<body>

<div class="bg-div">

<div class="logo"></div>

<form>

<input type="text"/>

<input type="submit"/>

</form>

</div>

</body>

</html>

--------------------------------------------------------

http://img1.sycdn.imooc.com//5729a1a00001c15c03320100.jpg

正在回答

3 回答

设置浮动的元素会偏离正常流,不同浏览器里显示不一样,可以想办法清楚浮动,再给表单的标签设置一个父级div,定义高和宽,是清除浮动的一个办法

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

改小也不行。

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

.bg-div 的宽度太大了吧!!笔记本电脑一般没那么大!!

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

举报

0/150
提交
取消
搜索框制作
  • 参与学习       66041    人
  • 解答问题       431    个

本课程从简入深讲解搜索框的制作,学习JQ与JS实现Ajax技术的不同点

进入课程

为什么在360浏览器设置浮动后会撑开?

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