html table 百分比出现滚动条急求解

html table 百分比出现滚动条急求解,第1张

你的代码不完整,而且问题也不完整。可以截图,或者发下完整的代码。

根据你提供的代码,不论页面头部的<!DOCTYPE HTML...>是否正确,table元素的父级元素是否设置了height,不论那种浏览器,均不会出现滚动条

除非将浏览器窗口高度缩小到小于 115px+40px时,就会出现滚动条。

IE6,7会默认就在右侧出现滚动条的滚动槽。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>景安</title>

</head>

<style type="text/css">

.head{width: 1000pxheight: 200pxmargin:0 auto}

.head-a{width: 30%height: 200pxbackground: bluefloat: left}

.head-b{width: 70%height: 200pxbackground: orangefloat: right}

</style>

<body>

<div class="head">

<div class="head-a"></div>

<div class="head-b"></div>

</div>

</body>

</html>

我们可以使用width:30%和width:70%这样的形式来设置百分比

给你提供一个思路,你可以把最外面加一个DIV来框住全部的内容,然后用JS也好用min-width也罢来控制它的最小宽度800px最大宽度设100%,这样,当浏览器打开后如果过小就会出现滚动条,如果过大就会随浏览器变大!以前我也做过一个这种要求的网站,就是用的这种方法~具体细节如果有不明白的你可以私信我~


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6244687.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存