个人中心
gpt4 book ai didi

jquery - div高度垂直滚动条

转载 作者：太空宇宙 更新时间：2023-11-04 00:24:46 25 4
gpt4 key购买 nike

我当前的页面是这样的:

http://www.shrani.si/f/a/GT/3hC4YcIR/image4.jpg

我想要始终显示垂直滚动条(当页面太大时)。水平滚动条应该像这样位于浏览器的底部:

http://www.shrani.si/?b/CE/jwJ7poJ/image5.jpg

我怎么能这样。我希望我解释清楚了。

HTML

<body>
  <div id="top">This is the top div</div>
  <div id="main">
   This is the main content area. This is the main content area.....
   .... aaaaa...
  </div>
 </body>

CSS

body{
 width: 100%;
 margin: 0px;
 padding: 0px;
}

#top{
 text-align: center;
 background-color: #FF0;
 height: 100px;
 position: relative;
 top: 0px;
}

#main{
 background-color: silver;
 overflow: auto;
}

已更新

我做了这个:http://85.10.35.158/ .唯一的问题是我无法使#content 的宽度与#header 的宽度相同。

enter image description here

我尝试使用 jQuery:

var width = $(document).width() - $('#header').width();
$('#content').css('width', width);

但我不喜欢将 javascript 用于设计。有什么办法可以用 CSS 来完成。也许是 css3。

最佳答案

您想看一下 overflow CSS 属性:http://www.w3schools.com/cssref/pr_pos_overflow.asp

关于jquery - div高度垂直滚动条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7306427/

25 4 0
文章推荐： node.js - Node BigQuery apiResponse 始终未定义
文章推荐： c - 如何从C中的数字中提取数字？从最高位开始？
文章推荐： PHP - 有什么方法可以控制流程执行吗？
文章推荐： 将 &&(逻辑与)运算符转换为 || (逻辑或)运算符
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com