搜索
首页web前端html教程关于用div布局求助!!!!!!!!!!!!!!!!!!_html/css_WEB-ITnose

div布局 HTML


String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

  
    ">
    
    个人消费管理系统
    


    





  

  
  

    

     

    关于用div布局求助!!!!!!!!!!!!!!!!!!_html/css_WEB-ITnose
    

    个人消费管理系统
    

    

    
    

    个人昵称(点击可以查看个人信息)
    系统设置
    帮助?
    关于
    

    
    
    

    
    

    
新增消费

    
消费管理

    
联系我们

    
  退出管理系统
   
    

    
    

    
    
    

    

    
    

    

    

  

这是我的代码,css不熟悉,很多东西不太会弄,我想把
这个跟
放在同一行,就是放不上去,奇怪,

回复讨论(解决方案)

那个iframe就是放不上去!!!!

div是块级无素,每个div默认情况下都是会占一行的,所以你那样是不行的。可以参考http://www.w3school.com.cn/css/css_positioning_floating.asp

div是块级无素,每个div默认情况下都是会占一行的,所以你那样是不行的。可以参考http://www.w3school.com.cn/css/css_positioning_floating.asp
我记得有个浮动元素啥的,就是float:left 貌似行但是不知道怎么弄!

你应该用几个大的div当作iframe布局,然后小div在大div你用float来排列,例如左右结构,就是两个大div,宽度2:8;就像iframe那样就可以了

可以用css float浮动设置

div是块级无素,每个div默认情况下都是会占一行的,所以你那样是不行的。可以参考http://www.w3school.com.cn/css/css_positioning_floating.asp

浮动教程可以参考2L贴的网址

解决方法:
.div_left_dh
{
    float:left;
}

在这个代码里
#div_iframe{
     margin-left: 130px;
     width: 100%;
     padding: 0px;
}

加入楼上的,float:left;

可以用css float浮动设置


div是块级无素,每个div默认情况下都是会占一行的,所以你那样是不行的。可以参考http://www.w3school.com.cn/css/css_positioning_floating.asp

浮动教程可以参考2L贴的网址

解决方法:
.div_left_dh
{
    float:left;
}

还真行啊。
可是我不太明白, 我本来是div_buttom  包含div_left_dh和div_iframe2个div
我是打算在div_buttom里面做浮动,怎么就不行啊,为啥要在div_left_dh里做呢?

浮动 左浮动 右浮动。 你给父层做浮动 是怎么浮动呢? 其实关于这个 你可以理解为 div_buttom  这是一个箱子的名字 ,箱子里面放了两个东西 一个叫 div_left_dh  一个叫 div_iframe 。这个箱子里面定义了一个规则。那就是 默认 箱子里的东西 只能层叠往上放 只有 你让其中的一个 做了浮动 之后才能跟另一个 同层共存。说的比较粗糙啊。


可以用css float浮动设置


div是块级无素,每个div默认情况下都是会占一行的,所以你那样是不行的。可以参考http://www.w3school.com.cn/css/css_positioning_floating.asp

浮动教程可以参考2L贴的网址

解决方法:
.div_left_dh
{
    float:left;
}

还真行啊。
可是我不太明白, 我本来是div_buttom  包含div_left_dh和div_iframe2个div
我是打算在div_buttom里面做浮动,怎么就不行啊,为啥要在div_left_dh里做呢?

http://www.w3school.com.cn/css/pr_class_float.asp
楼主可以仔细看下float属性的说明

float属性是不继承的,除非指定float:inherit

你对div_buttom左浮动
不会影响子div(div_left_dh和div_iframe)浮动



可以用css float浮动设置


div是块级无素,每个div默认情况下都是会占一行的,所以你那样是不行的。可以参考http://www.w3school.com.cn/css/css_positioning_floating.asp

浮动教程可以参考2L贴的网址

解决方法:
.div_left_dh
{
    float:left;
}

还真行啊。
可是我不太明白, 我本来是div_buttom  包含div_left_dh和div_iframe2个div
我是打算在div_buttom里面做浮动,怎么就不行啊,为啥要在div_left_dh里做呢?

http://www.w3school.com.cn/css/pr_class_float.asp
楼主可以仔细看下float属性的说明

float属性是不继承的,除非指定float:inherit

你对div_buttom左浮动
不会影响子div(div_left_dh和div_iframe)浮动


但是子div(div_left_dh和div_iframe)是在div_buttom里面的啊,感觉有点乱...




可以用css float浮动设置


div是块级无素,每个div默认情况下都是会占一行的,所以你那样是不行的。可以参考http://www.w3school.com.cn/css/css_positioning_floating.asp

浮动教程可以参考2L贴的网址

解决方法:
.div_left_dh
{
    float:left;
}

还真行啊。
可是我不太明白, 我本来是div_buttom  包含div_left_dh和div_iframe2个div
我是打算在div_buttom里面做浮动,怎么就不行啊,为啥要在div_left_dh里做呢?

http://www.w3school.com.cn/css/pr_class_float.asp
楼主可以仔细看下float属性的说明

float属性是不继承的,除非指定float:inherit

你对div_buttom左浮动
不会影响子div(div_left_dh和div_iframe)浮动


但是子div(div_left_dh和div_iframe)是在div_buttom里面的啊,感觉有点乱...

指定div_buttom 左浮动后,只是把div_buttom块左浮动
但因为float默认不继承
所有div_buttom块里的div_left_dh,div_iframe还是按照默认布局
也就是先div_left_dh块
后div_iframe块
显示效果是上下两块





可以用css float浮动设置


div是块级无素,每个div默认情况下都是会占一行的,所以你那样是不行的。可以参考http://www.w3school.com.cn/css/css_positioning_floating.asp

浮动教程可以参考2L贴的网址

解决方法:
.div_left_dh
{
    float:left;
}

还真行啊。
可是我不太明白, 我本来是div_buttom  包含div_left_dh和div_iframe2个div
我是打算在div_buttom里面做浮动,怎么就不行啊,为啥要在div_left_dh里做呢?

http://www.w3school.com.cn/css/pr_class_float.asp
楼主可以仔细看下float属性的说明

float属性是不继承的,除非指定float:inherit

你对div_buttom左浮动
不会影响子div(div_left_dh和div_iframe)浮动


但是子div(div_left_dh和div_iframe)是在div_buttom里面的啊,感觉有点乱...

指定div_buttom 左浮动后,只是把div_buttom块左浮动
但因为float默认不继承
所有div_buttom块里的div_left_dh,div_iframe还是按照默认布局
也就是先div_left_dh块
后div_iframe块
显示效果是上下两块
大体明白点了,谢谢!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
> gt;的目的是什么 元素?> gt;的目的是什么 元素?Mar 21, 2025 pm 12:34 PM

本文讨论了HTML< Progress>元素,其目的,样式和与< meter>元素。主要重点是使用< progress>为了完成任务和LT;仪表>对于stati

< datalist>的目的是什么。 元素?< datalist>的目的是什么。 元素?Mar 21, 2025 pm 12:33 PM

本文讨论了html< datalist>元素,通过提供自动完整建议,改善用户体验并减少错误来增强表格。Character计数:159

< meter>的目的是什么。 元素?< meter>的目的是什么。 元素?Mar 21, 2025 pm 12:35 PM

本文讨论了HTML< meter>元素,用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了< meter>从< progress>和前

视口元标签是什么?为什么对响应式设计很重要?视口元标签是什么?为什么对响应式设计很重要?Mar 20, 2025 pm 05:56 PM

本文讨论了视口元标签,这对于移动设备上的响应式Web设计至关重要。它解释了如何正确使用确保最佳的内容缩放和用户交互,而滥用可能会导致设计和可访问性问题。

我如何使用html5< time> 元素以语义表示日期和时间?我如何使用html5< time> 元素以语义表示日期和时间?Mar 12, 2025 pm 04:05 PM

本文解释了HTML5< time>语义日期/时间表示的元素。 它强调了DateTime属性对机器可读性(ISO 8601格式)的重要性,并在人类可读文本旁边,增强Accessibilit

如何使用HTML5表单验证属性来验证用户输入?如何使用HTML5表单验证属性来验证用户输入?Mar 17, 2025 pm 12:27 PM

本文讨论了使用HTML5表单验证属性,例如必需的,图案,最小,最大和长度限制,以直接在浏览器中验证用户输入。

< iframe>的目的是什么。 标签?使用时的安全考虑是什么?< iframe>的目的是什么。 标签?使用时的安全考虑是什么?Mar 20, 2025 pm 06:05 PM

本文讨论了< iframe>将外部内容嵌入网页,其常见用途,安全风险以及诸如对象标签和API等替代方案的目的。

HTML5中跨浏览器兼容性的最佳实践是什么?HTML5中跨浏览器兼容性的最佳实践是什么?Mar 17, 2025 pm 12:20 PM

文章讨论了确保HTML5跨浏览器兼容性的最佳实践,重点是特征检测,进行性增强和测试方法。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

MinGW - 适用于 Windows 的极简 GNU

MinGW - 适用于 Windows 的极简 GNU

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

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript开发工具