html - 为什么Bootstrap的CSS会切断我页面上的内容？

如果没有看到更多信息（例如尝试发布仍然显示此错误的最少量HTML），则很难规定解决方案。但这里有三个可能的事情要检查：

不匹配（不完整）DOM 如果你有一个开放元素（例如using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Xml; using System.Xml.Serialization; using System.IO; namespace ConsoleApplication1 { class Program { const string FILENAME = @"c:\temp\test.xml"; static void Main(string[] args) { XmlMetadata data = new XmlMetadata() { cert = "0001", model = "Test", created = DateTime.Parse("2015-05-21") }; XmlSerializer serializer = new XmlSerializer(typeof(XmlMetadata)); XmlSerializerNamespaces ns = new XmlSerializerNamespaces(); ns.Add("md", "http://example.com/metadata"); StreamWriter writer = new StreamWriter(FILENAME); serializer.Serialize(writer, data, ns); writer.Flush(); writer.Close(); writer.Dispose(); XmlSerializer xs = new XmlSerializer(typeof(XmlMetadata)); XmlTextReader reader = new XmlTextReader(FILENAME); XmlMetadata newData = (XmlMetadata)xs.Deserialize(reader); } } [XmlRootAttribute(ElementName = "Metadata", Namespace = "http://example.com/metadata", IsNullable = false)] public class XmlMetadata { [XmlElement(ElementName = "Cert", Namespace = "http://example.com/metadata", IsNullable = false)] public string cert {get;set;} [XmlElement(ElementName = "Model", Namespace = "http://example.com/metadata", IsNullable = false)] public string model {get;set;} [XmlElement(ElementName = "Created", Namespace = "http://example.com/metadata", IsNullable = false)] public DateTime created {get;set;} } }）没有它的关闭（<div>），那么HTML就会以神秘而且往往不可复制的方式运行。这通常包括在不匹配后对所有元素进行错误设计。
错误的字符或不完整的文件 如果您通过FTP上传并且连接中断，您可能只会查看该文件的片段。尝试删除并重新上传。如果浏览器或FTP客户端遇到一个让它停止读取文件的字符会发生同样的事情 - 这两个可能会导致DOM不匹配。
不必要的</div> CSS 请确保您未在任何地方（或任何其他全局，包含所有内容的元素）指定body或height body。页面应该自然流动，而不指定html

[编辑] 我查看了您的网站（重定向到http://www.supsean.com/grillemasters/，以防其他人有兴趣调试在框架外）。当您将屏幕调整到如此小的尺寸时，请查看页面顶部;有一些非常普遍的CSS问题，可能是由height: 100%.或position: fixed引起的，不需要它们。

尝试解决这个问题，我怀疑你也会偶然发现这个问题的解决方案。

为什么Bootstrap的CSS会切断我页面上的内容？

1 个答案: