将white-space: nowrap;拿掉也是会掉
firefox chrome ie7~10都无问题
只有ie6会这样
我希望让版面维持
header在上
left在左 right在右
footer在下
请问这有办法解决吗
css代?
--------------------------------------
@charst "utf-8";
#header {
background:red
}
#left {
background:lime
}
#right {
background:blue;
position: relative;
margin: 0 25px 0 146px;
zoom: 1;
}
.menu {
z-index:3;
font-size: 1em;
overflow: hidden;
float: left;
width: 125px;
display: inline;
}
table td,th, tr {
white-space: nowrap;
}
#footer {
background:yellow
}
----------------------------------------
html代?
----------------------------------------
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitioal.dtd">
AAAAA |
BBBBB |
CCCCC |
DDDDD |
EEEEE |
FFFFF |
GGGGG |
HHHHH |
IIIII |
---|---|---|---|---|---|---|---|---|
6n5nsasdsdn8sasdsd | n | n | n% | n 元 | n | n 元 | n | n |
6n5nsasdsdn7sasdsd | 6 | 6 | 5nn.nn% | 58n 元 | 6 | 2n.nn 元 | 5.nnnn | sdfsdaf |
6n5nsasdsdn6sasdsd | 6x876 | 648 | 66.58% | 658x84n 元 | 7x428 | 44.56 元 | 6.6n75 | asdasd |
6n5nsasdsdn5sasdsd | 4xn66 | 654 | 6n.46% | 4n6x6nn 元 | 5nx46n | 68.82 元 | 4.4654 | sadasd |
talo | 5x2nn | 5x654 | 65.65% | 565x66n 元57x26n | 45x65 元 | 4.n445 | fdsfasd | |
------------------------------------------------------
回复讨论(解决方案)
限定一下body的宽度
body{
width:1000px;
}
请问有办法在不指定width或height的px条件下达成吗?
请问有办法在不指定width或height的px条件下达成吗?
你试试下面这个样式:
table{ table-layout:fixed;}
另外,你的HTML标记真够乱的
引用 2 楼 kyokyo180 的回复:请问有办法在不指定width或height的px条件下达成吗?
你试试下面这个样式:
table{ table-layout:fixed;}
另外,你的HTML标记真够乱的
抱歉打的太急了
现在好像又无法编辑本文的样子请见谅
嗯...table{ table-layout:fixed;}试了一下还是会往下掉
有试过position:absolute设#left(左栏)的部分
确实能防止它掉下来
不过左栏我是打算放选单,未来会增加数量
所以希望下栏的#footer会随着选单增加自动向下调整
嗯...table{ table-layout:fixed;}试了一下还是会往下掉……
我将你的HTML代码中的
使用table{ table-layout:fixed;}样式后,在IE6下表格没有往下掉
抱歉我更新一下代码跟限制..
每个储存格的栏宽高可以固定不变
不使用position:absolute
除了左栏.menu外其他地方不使用width OR height的px设定
视窗缩小table也不会往下掉(目前只有ie6&7会掉下去)
目前用了table layout fixed後它栏宽会伸缩..
不好意思这麽多条件
主管的限制要求太多了
css
=============================
@charst "utf-8";
ul {
margin: 0px;
}
table {
}
#header {
background:red
}
#wrapper {
float: left;
display: inline-block;
}
#contents {
background:lime;
position: relative;
height:50px;
}
#right {
background:blue;
position: relative;
height:100%;
margin: 0 0 0 146px;
zoom: 1;
}
.data01 {
overflow: hidden;
position: relative;
z-index: 3;
zoom:1;
}
.menu {
z-index:3;
font-size: 1em;
float: left;
width: 125px;
display: inline;
background: cyan;
}
table td,th, tr {
white-space: nowrap;
}
#footer {
clear:left;
background:yellow
}
==============================
html
-----------------------------------
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitioal.dtd">
AAAAA |
BBBBB |
CCCCC |
DDDDD |
EEEEE |
FFFFF |
GGGGG |
HHHHH |
IIIII |
---|---|---|---|---|---|---|---|---|
aaaaa | bbbbb | ccccc | ddddd | eeeee | fffff | ggggg | hhhhh | iiiii |
aaaaa | bbbbb | ccccc | ddddd | eeeee | fffff | ggggg | hhhhh | iiiii |
aaaaa | bbbbb | ccccc | ddddd | eeeee | fffff | ggggg | hhhhh | iiiii |
aaaaa | bbbbb | ccccc | ddddd | eeeee | fffff | ggggg | hhhhh | iiiii |
aaaaa | bbbbb | ccccc | ddddd | eeeee | fffff | ggggg | hhhhh | iiiii |
-------------------------------------

HTML代码可以通过在线验证器、集成工具和自动化流程来确保其清洁度。1)使用W3CMarkupValidationService在线验证HTML代码。2)在VisualStudioCode中安装并配置HTMLHint扩展进行实时验证。3)利用HTMLTidy在构建流程中自动验证和清理HTML文件。

HTML、CSS和JavaScript是构建现代网页的核心技术:1.HTML定义网页结构,2.CSS负责网页外观,3.JavaScript提供网页动态和交互性,它们共同作用,打造出用户体验良好的网站。

HTML的功能是定义网页的结构和内容,其目的在于提供一种标准化的方式来展示信息。1)HTML通过标签和属性组织网页的各个部分,如标题和段落。2)它支持内容与表现分离,提升维护效率。3)HTML具有可扩展性,允许自定义标签增强SEO。

HTML的未来趋势是语义化和Web组件,CSS的未来趋势是CSS-in-JS和CSSHoudini,JavaScript的未来趋势是WebAssembly和Serverless。1.HTML的语义化提高可访问性和SEO效果,Web组件提升开发效率但需注意浏览器兼容性。2.CSS-in-JS增强样式管理灵活性但可能增大文件体积,CSSHoudini允许直接操作CSS渲染。3.WebAssembly优化浏览器应用性能但学习曲线陡,Serverless简化开发但需优化冷启动问题。

HTML、CSS和JavaScript在Web开发中的作用分别是:1.HTML定义网页结构,2.CSS控制网页样式,3.JavaScript添加动态行为。它们共同构建了现代网站的框架、美观和交互性。

HTML的未来充满了无限可能。1)新功能和标准将包括更多的语义化标签和WebComponents的普及。2)网页设计趋势将继续向响应式和无障碍设计发展。3)性能优化将通过响应式图片加载和延迟加载技术提升用户体验。

HTML、CSS和JavaScript在网页开发中的角色分别是:HTML负责内容结构,CSS负责样式,JavaScript负责动态行为。1.HTML通过标签定义网页结构和内容,确保语义化。2.CSS通过选择器和属性控制网页样式,使其美观易读。3.JavaScript通过脚本控制网页行为,实现动态和交互功能。

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1)htmlStructures andFormatSwebContentusingtags.2)itworkswithcsssforstylingandjavascript for Interactivity,增强WebevebDevelopment。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

EditPlus 中文破解版
体积小,语法高亮,不支持代码提示功能

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

Dreamweaver Mac版
视觉化网页开发工具

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。