Jadual Kandungan
回复讨论(解决方案)
Rumah hujung hadapan web html tutorial 关于用div布局求助!!!!!!!!!!!!!!!!!!_html/css_WEB-ITnose

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

Jun 24, 2016 pm 12:21 PM

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块
显示效果是上下两块
大体明白点了,谢谢!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Apakah tujuan & lt; kemajuan & gt; unsur? Apakah tujuan & lt; kemajuan & gt; unsur? Mar 21, 2025 pm 12:34 PM

Artikel ini membincangkan html & lt; kemajuan & gt; elemen, tujuan, gaya, dan perbezaan dari & lt; meter & gt; elemen. Tumpuan utama adalah menggunakan & lt; kemajuan & gt; untuk menyelesaikan tugas dan & lt; meter & gt; untuk stati

Apakah tujuan & lt; DATALIST & GT; unsur? Apakah tujuan & lt; DATALIST & GT; unsur? Mar 21, 2025 pm 12:33 PM

Artikel ini membincangkan html & lt; datalist & gt; elemen, yang meningkatkan bentuk dengan menyediakan cadangan autokomplete, meningkatkan pengalaman pengguna dan mengurangkan kesilapan. Kira -kira: 159

Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5? Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5? Mar 17, 2025 pm 12:20 PM

Artikel membincangkan amalan terbaik untuk memastikan keserasian silang pelayar HTML5, memberi tumpuan kepada pengesanan ciri, peningkatan progresif, dan kaedah ujian.

Apakah tujuan & lt; meter & gt; unsur? Apakah tujuan & lt; meter & gt; unsur? Mar 21, 2025 pm 12:35 PM

Artikel ini membincangkan html & lt; meter & gt; elemen, digunakan untuk memaparkan nilai skalar atau pecahan dalam julat, dan aplikasi umum dalam pembangunan web. Ia membezakan & lt; meter & gt; dari & lt; kemajuan & gt; dan Ex

Bagaimana saya menggunakan atribut pengesahan borang html5 untuk mengesahkan input pengguna? Bagaimana saya menggunakan atribut pengesahan borang html5 untuk mengesahkan input pengguna? Mar 17, 2025 pm 12:27 PM

Artikel ini membincangkan menggunakan atribut pengesahan bentuk HTML5 seperti had, corak, min, max, dan panjang untuk mengesahkan input pengguna secara langsung dalam penyemak imbas.

Apakah tag meta viewport? Mengapa penting untuk reka bentuk responsif? Apakah tag meta viewport? Mengapa penting untuk reka bentuk responsif? Mar 20, 2025 pm 05:56 PM

Artikel ini membincangkan tag Meta Viewport, penting untuk reka bentuk web responsif pada peranti mudah alih. Ia menerangkan bagaimana penggunaan yang betul memastikan skala kandungan yang optimum dan interaksi pengguna, sementara penyalahgunaan boleh membawa kepada isu reka bentuk dan kebolehaksesan.

Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya? Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya? Mar 20, 2025 pm 06:05 PM

Artikel ini membincangkan & lt; iframe & gt; Tujuan TAG dalam membenamkan kandungan luaran ke dalam halaman web, kegunaan umum, risiko keselamatan, dan alternatif seperti tag objek dan API.

GITEE PAGES PENYEDIAAN LAMAN WEB STATIC Gagal: Bagaimana menyelesaikan masalah dan menyelesaikan kesilapan fail tunggal 404? GITEE PAGES PENYEDIAAN LAMAN WEB STATIC Gagal: Bagaimana menyelesaikan masalah dan menyelesaikan kesilapan fail tunggal 404? Apr 04, 2025 pm 11:54 PM

Giteepages Statik Laman Web Penggunaan Gagal: 404 Penyelesaian Masalah dan Resolusi Ralat Semasa Menggunakan Gitee ...

See all articles