我有一个相当简单的列方法,基于这里描述的列表:How to make an HTML grid which resizes to fit page width?
它在我的本地计算机上运行良好,但是当通过网络共享查看文件时,一切都在一个大的列中。所有CSS都在HTML文件中,根本没有外部脚本。我在两种情况下都使用IE9,为什么会有不同的行为?
答案 0 :(得分:0)
在查看示例链接和相应的JSFiddle之后,接受的答案使用链接的样式表资源:bootstrap-combined.min.css。可在此处访问:http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css
我猜测,在您的网络中的某个地方,当访问该文件时,用户/ IIS /任何代理都无权访问引导程序文件,或者它不包含在FTP发布中。
我曾与之合作的每个<ul>
都设置了<li>
:默认情况下都是如此。通过设置<ul class="inline">
,它使所有子元素内联元素默认浮动,这是在twitter引导程序中定义的(显然)。所以这对我来说是个好消息。
您可以尝试将<li>
的班级样式设为float:left;
。这将给你想要的结果。
JSFiddle:http://jsfiddle.net/ywVWD/1/