关于一句代码的问题

BIRD72sky 2010-11-04 09:45:37

我的网站是用div+css写的，网页宽度是用百分比设置的（如：width：95%；），其中我设置了最大宽度为1024px（max-width:1204px；）；
现在有个问题我很郁闷，我需要在网页中添加一个右侧停靠的浮动图片，只要有“<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">” 这句代码，滚动图片的效果就实现不了，去掉就好了，但是如果去掉的话，我的最大宽度的设置又失效了！
而我又必需保证页面宽度符合要求符合要求……

不知道我说明白了没有，麻烦各位帮我看一下吧，非常感谢！！！

...全文

164 19 打赏收藏转发到动态举报

写回复

用AI写文章

19 条回复

切换为时间正序

请发表友善的回复…

发表回复

BIRD72sky 2010-11-04

打赏
举报

[Quote=引用 8 楼 chen_ya_ping 的回复:]
引用 7 楼 bird72sky 的回复:

忘了说，这个浮动实现是js实现的，是直接引用了一个js文件

估计你的JS文件有问题，你好好看看你的JS对不对
[/Quote]
高手有没有其他的代码事例？？麻烦给一个吧，谢谢！！！

chen_ya_ping 2010-11-04

打赏
举报

[Quote=引用 7 楼 bird72sky 的回复:]

忘了说，这个浮动实现是js实现的，是直接引用了一个js文件
[/Quote]
估计你的JS文件有问题，你好好看看你的JS对不对

BIRD72sky 2010-11-04

打赏
举报

忘了说，这个浮动实现是js实现的，是直接引用了一个js文件

BIRD72sky 2010-11-04

打赏
举报

好郁闷，可不可以不用去掉那段代码，还能实现浮动的？以前做浮动的时候也没注意这个问题，之前css样式控制没有这么精确的，
麻烦各位，要是有源码的话给一份，非常感谢！liqian0702@126.com

xiaoyuan402 2010-11-04

打赏
举报

呵呵，这个应该是标准的问题。。

tangserver 2010-11-04

打赏
举报

以前做过图片浮动没遇到这种情况啊

sonicshadow 2010-11-04

打赏
举报

不行就用JS去动态固定咯。CSS的自定适应高和宽都很麻烦

BIRD72sky 2010-11-04

打赏
举报

好郁闷，怎么没人给我解决呢？？？

BIRD72sky 2010-11-04

打赏
举报

[Quote=引用 16 楼 fanvins 的回复:]
可以用js控制宽度，不用max-width
[/Quote]

用js控制宽度怎么写啊？？

BIRD72sky 2010-11-04

打赏
举报

[Quote=引用 15 楼 arjoeweb 的回复:]
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
这个是验证标签用的，你可以下载下来看看，浏览器会对标签进行验证和渲染。
这就是为什么存在浏览器兼容问题。

说明你的javascript有问题，不兼容
[/Quote]
这个网址我这里打不开啊！我页面上只有一小段文字：
<div id=divMenu style="Z-INDEX: 1; right: 10px; WIDTH: 74px; POSITION: absolute; TOP: 64px; HEIGHT: 249px;">
<img src="images/two/two03.jpg" width="70px" height="150px" />
</div>
<script language=JavaScript src="scroll.js"></script>

<div style="border:1px solid blue; width:90%; height:1500px;"></div>

我页面只有这些内容，主要靠<script src="这里边的js文件"></script>
这个js是在网上下载的

BIRD72sky 2010-11-04

打赏
举报

[Quote=引用 13 楼 tangserver 的回复:]
HTML code

<div id="ad" style="position:absolute">
<a href="http://xu-ni.net" target="_blank">
<img src="Img/浮动.jpg" border="0"/>
</a></div>
<script type="text/javascript">
var x = 50,y = ……
[/Quote]

这个单独使用也可以执行的，但是加上那句代码以后，又不能用了……-_-

fanvins 2010-11-04

打赏
举报

可以用js控制宽度，不用max-width

周星星No.1 2010-11-04

打赏
举报

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
这个是验证标签用的，你可以下载下来看看，浏览器会对标签进行验证和渲染。
这就是为什么存在浏览器兼容问题。

说明你的javascript有问题，不兼容

hubeiliuyaping 2010-11-04

打赏
举报

顶起混点儿分用用

tangserver 2010-11-04

打赏
举报



<div id="ad" style="position:absolute"> 

<a href="http://xu-ni.net" target="_blank"> 

<img src="Img/浮动.jpg" border="0"/> 

</a></div> 

<script type="text/javascript"> 

var x = 50,y = 60 

var xin = true, yin = true 

var step = 1 

var delay = 10 

var obj=document.getElementById("ad") 

function floatAD() { 

var L=T=0 

var R= document.body.clientWidth-obj.offsetWidth 

var B = document.body.clientHeight-obj.offsetHeight 

obj.style.left = x + document.body.scrollLeft 

obj.style.top = y + document.body.scrollTop 

x = x + step*(xin?1:-1) 

if (x < L) { xin = true; x = L} 

if (x > R){ xin = false; x = R} 

y = y + step*(yin?1:-1) 

if (y < T) { yin = true; y = T } 

if (y > B) { yin = false; y = B } 



} 

var itl= setInterval("floatAD()", delay) 

obj.onmouseover=function(){clearInterval(itl)} 

obj.onmouseout=function(){itl=setInterval("floatAD()", delay)} 

</script>

图片飘动的，看你有用没

damjmk2 2010-11-04

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

这是个标准，去掉了就只能在IE下用了

BIRD72sky 2010-11-04

打赏
举报

嗯……上网搜了很多，就这个靠谱，唉，再换吧，谢谢各位了~！

kkbac 2010-11-04

打赏
举报

一般网页都要加
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这个标识xhtml 的版本和显示.

如果加了图片不能滚动, 就修改图片滚动的代码吧.

或者网上找一个图片滚动的代码.

【重要提示】本资源设置为0积分下载，若非0积分请勿轻易下载亲爱的CSDN用户：首先感谢你点进这个资源页面。我需要提前说明一个重要情况：本资源原本已设置为“0积分下载”，即作者希望完全免费共享。但CSDN平台有时会根据文件的下载热度、文件大小、用户权限等因素，自动将部分资源的积分调整为非0数值（如1积分、2积分、5积分等）。这是平台系统的自动行为，而非作者本人的设定。因此，如果你当前看到该资源的下载所需积分不是0（例如显示为1、2、3……），请谨慎决定是否下载。如果你按照非0积分支付并下载后发现资源内容不符合预期、链接失效，或者实际上该资源本应是免费的，作者无法为此承担积分损失或退还操作。强烈建议：仅在页面显示为0积分时进行下载。另外，本资源描述中并未直接提供具体的下载地址或外部链接，因为它本身是一个通过CSDN官方上传通道提交的文件/内容包。如果你看到描述中没有外部网盘地址，这是正常的——资源文件应通过CSDN内置的“下载”按钮获取。若因平台积分显示异常导致你支付了积分，请优先联系CSDN客服咨询积分退还政策，作者没有权限修改平台自动设定的积分值。感谢你的理解与支持。技术分享本应开放，但受限于平台规则，特此提醒如上。祝学习进步！

stm32单片机项目资料课程设计文档C语言程序代码原理图电路PCB实例警笛声报警器

内容概要：本文围绕“计及风电不确定性的电力系统黑启动与负荷恢复协同优化”开展研究，提出了一种融合风电出力随机性与波动性的黑启动及负荷恢复协同优化模型，并基于Matlab平台实现了完整的代码仿真与算例验证。研究构建了考虑不确定性因素的优化框架，通过场景生成与削减技术处理风电出力的随机特征，建立了兼顾系统安全性、恢复效率与供电可靠性的多目标优化模型。文中详细阐述了模型的数学建模过程、关键约束条件（如功率平衡、设备启停顺序、网络拓扑约束等）、求解算法设计及黑启动电源优选策略，并通过标准测试系统验证了所提方法在提升灾后恢复能力方面的有效性与优越性。; 适合人群：具备电力系统分析、优化理论及可再生能源并网基础知识，从事电力系统恢复控制、新型电力系统韧性提升、新能源集成等方向研究的研究生、科研人员及电力行业工程技术人才。; 使用场景及目标：①用于电力系统大面积停电后的黑启动方案制定，优化启动电源选择与负荷恢复时序；②为高比例风电接入背景下电力系统的安全稳定与弹性恢复提供决策支持；③作为Matlab仿真教学资源，辅助理解不确定性建模、随机/分布鲁棒优化及电力系统动态恢复过程。; 阅读建议：建议结合提供的Matlab代码进行同步研读，重点掌握风电不确定性建模方法（如场景法）、优化模型构建逻辑与求解流程（如使用YALMIP调用求解器），宜在熟悉基本电力系统运行与优化算法的基础上进行复现与拓展研究。

内容概要：本文是一篇针对C#编程语言的入门教程，系统介绍了C#的基本语法、数据类型、运算符、流程控制、数组以及面向对象编程的核心概念，重点讲解了类与对象、封装和继承机制。通过“Hello World”示例引导初学者熟悉开发环境与代码结构，逐步深入到使用继承实现代码复用和层级设计，并辅以完整代码示例和运行结果验证，帮助读者建立扎实的C#基础。适合人群：零基础或初学编程的开发者，尤其是希望快速掌握C#语言并理解面向对象编程的学生、转行人员或自学者。使用场景及目标：① 学习C#基本语法并搭建开发环境；② 掌握变量、条件判断、循环等编程基础；③ 理解面向对象三大特性中的封装与继承，能够定义类、创建对象、实现子类对父类的继承与方法重写；④ 为后续学习多态、接口、构造函数等高级特性打下坚实基础。阅读建议：建议边读边动手实践文中代码示例，配合Visual Studio或VS Code进行调试运行，加深对语法和面向对象思想的理解，注重从实际应用场景中体会继承带来的代码复用优势。