网页中使用了“百度搜索提示框”,引入css文件后提示框就失效。

html-css024

网页中使用了“百度搜索提示框”,引入css文件后提示框就失效。,第1张

空的样式文件并不会引起页面的问题,考虑是否你的浏览器有问题吧,你可以试试换用其它内核浏览器看一下.

另外检查一下你link那一行代码的全半角符号,特别是双引号和>,如果有用的是全角,会引起link标签和head标签非正常关闭,这样浏览器解析错误,就会产生一个"空白"的页,或是不完整的页.

但我检查你贴出来的倒没发现问题.

您好,您这样:

<style type="text/css">

input[type="text"]{

width:150px

height:35px

}

input[type="submit"]{

width:37px

height:41px

background:url(11.jpg)

border:#ABADB3 1px solid

border-left:none

cursor:pointer

}

</style>

<input type="text" /><input type="submit" value=" " />

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript" src="jquery.js"></script>

<style>

.{ padding:0 margin:0 list-style:none}

.htmlBox{ width:100% min-width:500px height:500px border:1px solid #A349A4 border-radius:5px}

.sskBox{ width:100% height:35px margin-top:150px border:1px solid #000 border-left:0 border-right:0}

.zc{ width:100px height:35px float:left}

.zj{ width:250px height:35px float:left border-left:1px solid #000 border-right:1px solid #000}

.yc{ height:35px float:right}

</style>

</head>

<body>

<div class="htmlBox">

 <div class="sskBox">

 <div class="zc">左边100</div>

 <div class="zj">中间250</div>

 <div class="yc">右边自适应</div>

</div>

</div>

</body>

<script>

tmntH()//加载的时候执行一次

$(window).resize(function() {tmntH()})//浏览器窗口变化时执行

function tmntH()

{

    var ycw=$(".sskBox").width()-352+'px'//yc的宽度等于sskBox宽度-350-2(边框线)

    //alert(div3)

    $(".yc").css("width",ycw)

    

}

</script>

</body>

</html>