无法让我的 div 与布局保持固定

2024-01-01

我对 css、div 以及介于两者之间的所有内容都很陌生。

所以,我为我的乐队创建了一个基本布局,不需要一堆无用的链接,例如个人简介、商品商店等等。所以我决定为我们的视频、播放器和 Facebook 窗口安排单独的空间。

我设法为 youtube iframe 创建一个 div,但当我调整窗口大小时,我无法让它保持在原来的位置。我曾多次尝试将定位更改为绝对、固定、相对等。没有运气。

请记住,布局并不花哨,只是可以快速查看并获取乐队的一些基本信息。

这是链接:http://silentcellmusic.com/test.html http://silentcellmusic.com/test.html

提前谢谢!


首先,您应该从标记中删除图像,并将其设置为正文的背景,例如 html。将其设置为位置顶部中心.

然后,将 div #wrapper 设置为 { width: 960px;边距 0 自动; }。这样它将始终位于屏幕中央,就像您的背景一样。

第三,创建四个div:

  • social
  • listen
  • video

将它们向左浮动,相应地设置它们的宽度和边距。

最后为页脚添加一个 div(社交链接和邮件)。

祝你好运。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

无法让我的 div 与布局保持固定 的相关文章

  • 关闭 Bootstrap 模式 onclick

    我使用 Bootstrap 模式让用户在将商品添加到购物车之前选择产品选项 我之前在这种情况下使用过它们 没有任何问题 但这个没有按预期关闭 当用户单击 添加到购物车 按钮时 会发生一些事情 我认为问题就在那里 首先 一些脚本检查某些字段是
  • 如何使用 Angular 2 实现拖放(v2.0.0-beta.15)

    我想以角度实现一个简单的拖放列表 例如我可以更改其顺序的杂货列表 iv 在使用之前实现它https github com akserg ng2 dnd https github com akserg ng2 dnd但我的问题是我使用角度2
  • CSS:仅背景不透明度,而不是内部文本[重复]

    这个问题在这里已经有答案了 我有这个注册表框 我真的很喜欢背景如何变得不透明 透明为 25 85 但后来我注意到文本和表单元素也变暗了一点 所以我想知道如何做到这一点只有边框和背景而不是盒子里面的东西 regForm z index 11
  • 给定 url,如何加载图像,然后将其转换为 Javascript 中的 tf.tensor 数据?

    我是前端和 javascript 新手 现在我正在编写一个基于 CNN 的 Web 应用程序 要从给定的 url 加载图像 然后将图像输入 CNN 我尝试编写以下代码 async function getImage var img new
  • Twitter Bootstrap 按钮的水平和垂直分离

    是什么导致 Twitter Bootstrap 的按钮水平分离 我在 CSS 代码中找不到它 我试图对垂直方向重复相同的操作 但似乎我未能实现这一目标 如何在按钮之间添加垂直分隔 仅当它们垂直堆叠时 第二张图片 但当它们不是 第一张图片 时
  • 复制 Chrome 默认输入的轮廓样式

    如何设置默认 Chrome 输入的轮廓样式 焦点上为橙色 使其在每个浏览器中看起来都相同 Chrome 风格似乎是textarea focus outline rgb 229 151 0 auto 5px outline offset 2p
  • 占位符不适用于 Internet Explorer

    我的应用程序出现了小问题 Internet Explorer 11 上不存在占位符 我尝试了下面的 CSS 示例 但没有成功 ms input placeholder IE10 11 color ccc important font wei
  • 等待动态加载脚本

    在我的页面正文中 我需要插入以下代码作为 AJAX 调用的结果 p Loading jQuery p p Using jQuery p 我不能使用 load 由于文档已经加载 因此该事件不会触发 这安全吗 如果没有 我如何确保在执行自定义生
  • javascript获取网页中选定文本的段落

    突出显示文本后 我想获取所选文本所在的段落 var select window content document getSelection 请问有什么指点吗 这实际上很难做到 因为你必须考虑六种情况 所选内容不在一个段落内 简单 整个选择都
  • 如何使链接悬停时的背景图像模糊?

    当您用鼠标光标悬停链接时 我想让我的背景图像模糊 5 像素 有什么简单的方法可以实现这一点吗 我有点纠结于类和 id 在这里 pic background url http www metalinjection net wp content
  • 自定义字体有时在 IE8 / IE7 中以斜体呈现

    在 IE7 和 IE8 中 当使用自定义 Web 字体时 文本有时会以斜体呈现 即使我明确设置font style normal 这个问题是偶发的 它会渲染几次 然后我刷新 一切都是斜体 然后我刷新 它恢复正常 我正在用这个 font fa
  • Jquery 关注下一个带有类的元素

    我正在尝试创建一个函数 当按下 Enter 键时 会选择带有类的下一个输入 我已经设法 focus 同一行中的下一个元素 但是 如果我需要选择下一行的下一个输入 它将无法继续 下一行中的第一个 quantity 文本框需要获得焦点 控制台没
  • 如何创建环境变量来保护我的网站的 Google 地图 API 密钥(或任何其他秘密值)?

    我正在学习使用 Bootstrap 编写自己的网站 并使用 Google 地图 API 密钥和 Google Developers 的脚本轻松地将地图放置在我的页面上 理想情况下 我会有类似的东西 即我已经尝试过这个 Html PHP
  • 适用于 HTML5 混合应用程序的 CORS

    我读过很多关于 CORS 的文章 以及允许 Access Control Allow Origin 如何成为 Web 服务器的安全漏洞 但没有一篇文章解释了如何允许 HTML5 混合应用程序访问某些不允许使用通配符 的域上托管的 Web 服
  • 透明、无边框文本输入

    如何删除周围的边框
  • 如何使网站适应用户的屏幕分辨率?

    我正在使用 1024x768 屏幕分辨率来设计我的网站 当您从屏幕分辨率较小 较大的计算机上的浏览器中查看网站时 网站开始变形 无论用户的屏幕分辨率是什么 如何使网站适应用户的屏幕分辨率 我相信通过 JavaScript 或 CSS 是可能
  • 使 div 的大小与其内部图像的大小相同

    我有一个带有以下代码的div HTML div img src img logo png div CSS div imgContainer width 250px height 250px padding 13px 问题是用户可以编辑图像大
  • 使用js获取选择选项的onclick事件

    我有一个非常令人沮丧的问题 我有这个代码 它过滤掉我的结果并将它们输入到选择框中 var syn
  • HTML标题属性样式[重复]

    这个问题在这里已经有答案了 如何在不使用 javascript 或 CSS 的情况下更改以下标记中标题属性的样式 因为我将 HTML 插入到原本无法编辑的文档中的特定位置 span title This is information Thi
  • HTML:JavaScript:阻止表单提交并调用 Javascript 函数

    我想在按下表单中的提交按钮时进行 AJAX 调用 事实上我无法删除

随机推荐

  • 在 Vim 中计算出现次数而不标记缓冲区已更改

    为了知道当前缓冲区中某个模式存在多少次 我这样做 s pattern here pattern here g 它给出了模式出现的次数 但显然很麻烦 并且还具有设置 已更改 状态的副作用 有没有更优雅的计数方式 为了避免替换 请将第二个模式留
  • 陷入 C# 正则表达式困境

    我的数据库中的字段中包含以下文本 quote 5a7b87febe mr smith This is some text This is more text on another line quote 5a7b87febe 我正在尝试构建一
  • 将 Java 对象转换为 XML 时的 XStream 撇号问题

    我在用com thoughtworks xstream XStream生成 xml 字符串 我将对象解析为 xstream toXML方法 我根据我需要的方式获得 xml 输出
  • ggplot 更改 x 轴标签而不更改基础数据

    我在 x 轴上绘制小平面和离散数据 如何更改 x 轴标签without改变底层数据 IE 而不是标签阅读 a b c d 他们应该阅读 Lab 1 Lab 2 Lab 3 Lab 4 df lt data frame x factor re
  • 邮件枪 - 401 禁止

    我尝试使用 mailgun 发送电子邮件 我使用 node js nest js 这是我的邮件服务 我应该改变什么 当我尝试发送第一封电子邮件 mailgun 官方网站上的说明 时 我收到了相同的错误消息 import Injectable
  • 哪个“if”结构更快 - 语句还是三元运算符?

    有两种类型ifjava 中的语句 经典 if else 和简写 exp value1 value2 一个比另一个快还是它们相同 陈述 int x if expression x 1 else x 2 三元运算符 int x expressi
  • 如何添加后退按钮功能MFSlidemenu?

    我已经在我的项目中实现了 MFSideMenu 它效果很好 但现在我想为每个视图实现后退按钮功能 我尝试这个但不起作用 NSArray array self navigationController viewControllers self
  • Java 详细类加载

    我试图列出 Java 类加载器加载我的类的顺序 如果我使用 verbose参数它将列出它加载的每个接口 类 包括大量接口 例如可序列化 异常等 有没有办法调整此输出 以便它只显示我的主要方法定义的类中加载了哪些类 我想你最好的选择是执行以下
  • Web Worker 在 Chrome 中被主线程阻止

    我有一个网络工作者 https developer mozilla org en US docs Web API Web Workers API basic usage 我希望用它定期发出网络请求 我特别想要的一件事是即使主 JS 执行线程
  • 如何从 JSP 和 Struts 操作类中的文件对话框中选择文件名?

    我正在开发一个网络应用程序 用户注册时必须选择个人资料图片 然后单击上传按钮 所以 我的问题是如何获得FileName哪个用户选择并显示 我正在使用 Struts 2 和 JSP 如果您使用该房产uploadFileName随着upload
  • yii2 的 REST API,身份验证器 (HttpBearerAuth) 在服务器上不起作用

    我刚刚创建了一个使用 REST API 的项目 使用 yii2 框架 REST API 的所有问题在本地主机上都运行得非常好 但是当将项目放在服务器上时 也使用相同的数据库 授权不可用 现在我正在使用 yii filters auth Ht
  • IE 中存在“JSON”未定义问题,但 chrome 中没有

    我在 IE9 中使用 Json stringify 时 我的 jquery ajax 调用出现以下错误 Microsoft JScript 运行时错误 JSON 未定义 直到昨天 相同的功能仍然适用于我 并且仍然适用于我同事的机器和我机器上
  • 桌面桥应用程序中的桌面快捷方式。我们从哪里获取AppUserModelId

    当第一次使用我的 Desktop Bridge 应用程序时 我尝试创建桌面快捷方式 我可以成功创建一个指向Application ExecutablePath 但是当用户打开快捷方式时会生成错误 该错误与用户无权访问该文件夹有关 我在互联网
  • 为什么使用 sha1/sha256 哈希进行 Base64 处理?

    谁能告诉我为什么亚马逊想要 hmac sha1 sha256 哈希值的 base64 http docs amazonwebservices com AmazonSimpleDB latest DeveloperGuide HMACAuth
  • PHP 字符串中的美元符号

    我不明白为什么 PHP 不替换包含美元符号的字符串 看下面的例子
  • MySQL 管理员备份:“兼容模式”,这到底是做什么的?

    在Mysql Administrator中 做备份时 兼容模式 到底是什么 我正在尝试桥接由以下方式生成的备份webmin http www webmin com 里面有可用的上传工具mysql管理员 http www mysql com
  • 是否可以从 .net pdb 创建 mono mdb?

    是否可以从 net pdb 创建 mono mdb 或者我需要使用两个编译器构建二进制文件 找到了 http www mono project com FAQ 技术 http www mono project com FAQ Technic
  • 从Mysql导入数据到Sql Server的最简单方法

    对于新项目 我必须从 MySql 导入预先存在的数据 In 这个网站 http www connectionstrings com carrier mysql我发现了很多选项 其中一些包括安装驱动程序 最快且最简单的方法是什么 更新 这只是
  • Delphi TFileStream.Seek,如何检查无效的查找偏移量

    我正在 Delphi 2006 中使用 TFileStream 当我使用超出范围的偏移量调用 TFileStream Seek 时 我得到不同的返回值 当我寻找到流开头下方的位置时 该函数返回 1 如果我寻找超出流大小的位置 该函数将返回流
  • 无法让我的 div 与布局保持固定

    我对 css div 以及介于两者之间的所有内容都很陌生 所以 我为我的乐队创建了一个基本布局 不需要一堆无用的链接 例如个人简介 商品商店等等 所以我决定为我们的视频 播放器和 Facebook 窗口安排单独的空间 我设法为 youtub