ホームページ >ウェブフロントエンド >htmlチュートリアル >divレイアウトを手伝ってください! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! _html/css_WEB-ITnose

divレイアウトを手伝ってください! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:21:281232ブラウズ

div布局 HTML

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>



  
    
    
    个人消费管理系统
    


    





  

  
  

    

     
    
    

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

    
    
    

    
    

    
新增消费

    
消费管理

    
联系我们

    
  退出管理系统
   
    

    
    

    
    
    

    

    
    

    

    


これは CSS に詳しくなく、
を組み合わせたいと思っています。 ;div class ="div_left_dh">同じ行に配置しても、配置できません、不思議です


ディスカッション (解決策) への返信

その iframe は配置できません! ! ! !

div はブロックレベルで要素がありません。デフォルトでは各 div が 1 行を占めるため、それはできません。 http://www.w3school.com.cn/css/css_positioning_floating.asp を参照してください。

div はデフォルトで 1 行を占めるため、これを行うことはできません。 http://www.w3school.com.cn/css/css_positioning_floating.asp を参照してください

フローティング要素か何か、float:left があったことを覚えています。機能するようですが、方法がわかりません!

iframe レイアウトとして複数の大きな div を使用し、float を使用して大きな div 内に小さな div を配置する必要があります。たとえば、左右の構造は幅 2:8 の 2 つの大きな div です。 iframe で大丈夫です

CSS float を使用して設定できます


div はブロックレベルで要素がありません。デフォルトでは各 div が 1 行を占めるため、それはできません。 http://www.w3school.com.cn/css/css_positioning_floating.asp を参照してください

フローティングのチュートリアルについては、2L が投稿した URL を参照してください

解決策:
.div_left_dh
{
float:left; }

in このコードでは
#div_iframe{

margin-left: 130px;

width: 100%;


上記を追加します。

CSS float Floating を使用できます設定

div これはブロックレベルで要素がありません。デフォルトでは各 div が 1 行を占めるため、それはできません。 http://www.w3school.com.cn/css/css_positioning_floating.asp を参照してください


フローティングのチュートリアルについては、2L が投稿した URL を参照してください

解決策:
.div_left_dh
{
float:left; }

それは本当にうまくいきます、ああ。
しかし、私の元の div_buttom には div_left_dh と div_iframe という 2 つの div が含まれています。
div_buttom でフローティングするつもりだったのに、なぜ div_left_dh で実行しないのでしょうか?

フロート左フロート右フロート。親レイヤーをフローティングするにはどうすればよいですか?実際、これはボックスの名前である「div_buttom」として理解できます。ボックスには 2 つのものがあり、1 つは「div_left_dh」、もう 1 つは「div_iframe」と呼ばれます。このボックスにはルールが定義されています。つまり、デフォルトでは、ボックス内のアイテムは上方向にのみ積み重ねることができ、そのうちの 1 つをフローティングにした場合にのみ、同じレイヤー上に別のアイテムを共存させることができます。かなり乱暴な言い方です。


css float を使用して設定できます

div はブロックレベルの要素がなく、デフォルトでは各 div が 1 行を占めるため、それはできません。 http://www.w3school.com.cn/css/css_positioning_floating.asp を参照してください


フローティングのチュートリアルについては、2L が投稿した URL を参照してください

解決策:
.div_left_dh
{
float:left; }

それは本当にうまくいきます、ああ。
しかし、私の元の div_buttom には div_left_dh と div_iframe という 2 つの div が含まれています。
div_buttom でフローティングするつもりだったのに、なぜ div_left_dh で実行しないのでしょうか?

http://www.w3school.com.cn/css/pr_class_float.asp
投稿者は float 属性の説明を注意深く読むことができます

float:inherit が指定されていない限り、float 属性は継承されません

float div_buttom left
子 div (div_left_dh および div_iframe) のフローティングには影響しません




css float を使用して設定できます


div はブロックレベルの要素がなく、デフォルトでは各 div が 1 行を占めるため、それはできません。 http://www.w3school.com.cn/css/css_positioning_floating.asp を参照してください

フローティングのチュートリアルについては、2L が投稿した URL を参照してください

解決策:
.div_left_dh
{
float:left; }

それは本当にうまくいきます、ああ。
しかし、私の元の div_buttom には div_left_dh と div_iframe という 2 つの div が含まれています。
div_buttom でフローティングするつもりだったのに、なぜ div_left_dh で実行しないのでしょうか?

http://www.w3school.com.cn/css/pr_class_float.asp
投稿者は float 属性の説明を注意深く読むことができます

float:inherit が指定されていない限り、float 属性は継承されません

float div_buttom left
子 div (div_left_dh と div_iframe) のフローティングには影響しません


ただし、子 div (div_left_dh と div_iframe) は div_buttom 内にあり、少し乱雑に感じます...



を使用できますcss float フローティング設定


Div はデフォルトで 1 行を占めるため、それを行うことはできません。 http://www.w3school.com.cn/css/css_positioning_floating.asp を参照してください

フローティングのチュートリアルについては、2L が投稿した URL を参照してください

解決策:
.div_left_dh
{
float:left; }

それは本当にうまくいきます、ああ。
しかし、私の元の div_buttom には div_left_dh と div_iframe という 2 つの div が含まれています。
div_buttom でフローティングするつもりだったのに、なぜ div_left_dh で実行しないのでしょうか?

http://www.w3school.com.cn/css/pr_class_float.asp
投稿者は float 属性の説明を注意深く読むことができます

float:inherit が指定されていない限り、float 属性は継承されません

float div_buttom left
子 div (div_left_dh と div_iframe) のフローティングには影響しません


しかし、子 div (div_left_dh と div_iframe) は div_buttom 内にあり、少し乱雑に感じます...

div_buttom left float を指定した後、 div_buttom ブロックを左に浮動させます
しかし、float はデフォルトでは div_buttom ブロック内のすべての div_left_dh を継承しないため
、div_iframe は引き続きデフォルトのレイアウトに従います
つまり、最初に div_left_dh ブロック
、次に div_iframe ブロック
表示効果は 2 ブロック上になりますそして下に



CSS float float 設定を使用できます


div はブロックレベルで要素なしなので、デフォルトでは各 div が 1 行を占めるため、それはできません。 http://www.w3school.com.cn/css/css_positioning_floating.asp を参照してください

フローティングのチュートリアルについては、2L が投稿した URL を参照してください

解決策:
.div_left_dh
{
float:left; }

それは本当にうまくいきます、ああ。
しかし、私の元の div_buttom には div_left_dh と div_iframe という 2 つの div が含まれています。
div_buttom でフローティングするつもりだったのに、なぜ div_left_dh で実行しないのでしょうか?

http://www.w3school.com.cn/css/pr_class_float.asp
投稿者は float 属性の説明を注意深く読むことができます

float:inherit が指定されていない限り、float 属性は継承されません

float div_buttom left
子 div (div_left_dh と div_iframe) のフローティングには影響しません


しかし、子 div (div_left_dh と div_iframe) は div_buttom 内にあり、少し乱雑に感じます...

div_buttom left float を指定した後、 div_buttom ブロックを左に浮動させます
しかし、float はデフォルトでは継承しないため
div_buttom ブロック内のすべての div_left_dh と div_iframe は引き続きデフォルトのレイアウトに従います
つまり、最初に div_left_dh ブロック
次に div_iframe ブロック
表示効果は 2 ブロック上になりますそしてダウン
大体理解できました、ありがとう!

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。