div ul li 初心者向けの基本的な質問です。専門家は参考にしてください。_html/css

ホームページ

ウェブフロントエンド

htmlチュートリアル

div ul li 初心者向けの基本的な質問です。専門家は参考にしてください。_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:01 PM

li 主要な初心者マスター

返還论(解決案)

如果li float了之後，会影响兄弟，父级元素。 ee

如果li float了之后
デモはここにあります

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    <meta charset="UTF-8">    <title></title>    <style type="text/css">        .header-nav {margin: 0 auto; margin:3px 3px ; border: thin solid red;    }        .header-nav ul { width:99%; margin:3px 3px ; border: thin solid  black; }        .header-nav li { float: left; width:13%; list-style-type: none;margin:3px 3px ; border: thin solid orange;  }        .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}        .clearfix{display:inline-block;}        html[xmlns] .clearfix{display:block;}        * html .clearfix{height:1%;}    </style></head><body><div class="header-nav">    <ul class="clearfix">        <li><a href="">首页</a></li>        <li><a href="" target="_blank">品牌中心</a></li>        <li><a href="" target="_blank">专家团队</a></li>    </ul></div></body></html>

ログイン後にコピー

その後はどうすればいいですか
.clearfix:after{visibility:hidden;display:block;font-size:0;content :" ";clear:both;height:0;}

.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}这个又是什么意思
老大、我是菜鸟能解释细点、或弄简单点

而して我用了、没效果啊、还是没变化

有效果、但那个ul还是超出了div它不是在div此処吗、怎么超出去去

如果li float了後，会影响兄弟，父级元素。么意思

.clearfix: after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

.clearfix{display:inline-block;}
html[xmlns] .clearfix{ display:block;}
* html .clearfix{height:1%;} 这个又是何么意思
老大、我菜是鸟能解释细点、または弄简单点

关用clearfix
人建议问百度またはより全面的にhttp://www.baidu.com/s?wd=clearfix&rsv_bp=0&tn=baidu&rsv_spt=3&ie=utf-8&rsv_sug3=1&rsv_sug4=42&rsv_sug1=1&rsv_sug2=0&inputT=1028
超脱退の理由、重複CSSはありません。
なんと重置css

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    <meta charset="UTF-8">    <title></title>    <style type="text/css">        .header-nav {margin: 0 auto; margin:3px 3px ; border: thin solid red;    }        .header-nav ul { width:99%; margin:3px 3px ; border: thin solid  black; }        .header-nav li { float: left; width:13%; list-style-type: none;margin:3px 3px ; border: thin solid orange;  }        .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}        .clearfix{display:inline-block;}        html[xmlns] .clearfix{display:block;}        * html .clearfix{height:1%;}    </style></head><body><div class="header-nav">    <ul class="clearfix">        <li><a href="">首页</a></li>        <li><a href="" target="_blank">品牌中心</a></li>        <li><a href="" target="_blank">专家团队</a></li>    </ul></div></body></html>

ログイン後にコピー

このウェブサイトの声明

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

ホットAIツール

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7683

Java チュートリアル

1639

CakePHP チュートリアル

1393

Laravel チュートリアル

1286

PHP チュートリアル

1229

Related knowledge

初心者向けにミストロックキングダムをプレイするためのヒント Jan 28, 2024 pm 03:33 PM

ミストロックキングダムは、プレイヤーが Sons of Fire としてプレイして生き残り、探索できるオープンワールドゲームです。このゲームは、アクション RPG チャレンジのユニークなエンターテイメントを組み合わせており、プレイヤーに無限の驚きと喜びをもたらします。ゲームでは、プレイヤーはリソース、環境、武器などを探索できます。初心者プレイヤーの中には、ゲームの始め方に興味がある人もいるかもしれません。この紹介と共有では、関連するスタートガイドをいくつか提供します。フォグロックキングダムの初心者向けヒント: 瘴気に包まれた地域の危険度は異なります。探索プロセス中に、マップの新しいエリアが徐々にロック解除され、瘴気に包まれた地域の位置が確認できるようになります。マップは2色で区別されており、青色のエリアは短時間しか進入できず、キャラクターの能力レベルに応じて滞在可能時間も変化する。

アンカーポイントアドベントノービス十中隊おすすめキャラクター Feb 20, 2024 pm 02:30 PM

「アンカーアライバル」は、高解像度の美少女 2D をテーマにした 3D ターン制カードゲームです。プレイヤーが探索して体験できる豊富でエキサイティングなキャラクターの組み合わせを提供します。高品質のラインナップの強力な組み合わせが数多くあります。新規プレイヤーは初心者にも気になる初心者向けの強力なキャラは何ですか? 初心者が10連ゴールドを獲得するための選択の参考を見てみましょう! アンカーポイント降臨は初心者向けの強力なキャラです。10連の最初のピックはアリスです。主に単体雷系爆発キャラで、出力も爆発力が高く、初心者にも優しいので選ぶのがオススメです。ゴールド10連は「アリス」+「アンテロープ」の組み合わせがおすすめアリスはゴールドパイア属性を出力するのに最も適したキャラクターであり、初心者カードプールの他の2キャラクターと比べても少しも強いです。アリスはスペシャルをパスできる

バッチインデントの使い方を学ぶことは、PyCharm 初心者が習得しなければならないスキルです Dec 30, 2023 pm 12:58 PM

PyCharm の初心者向けの必須スキル: バッチインデントの使用をマスターするには、特定のコードサンプルが必要です。概要: PyCharm は、開発者の効率向上に役立つ多くの実用的なツールと機能を提供する強力な Python 統合開発環境 (IDE) です。日常のコーディングプロセスでは、コードの形式を整然と美しく保つためにコードをインデントする必要があることがよくあります。 PyCharm が提供するバッチインデント機能を使用すると、コードを迅速にバッチインデントし、コーディング効率を向上させることができます。この記事では Py について説明します

エンシェントクラウンの初心者ガイドとゲームプレイの紹介 Feb 20, 2024 am 11:20 AM

Crown of the Ancients は、西洋の魔法の冒険をベースにした高品質で戦略的なカードモバイルゲームです。ゲーム内では秘密の探索、遺跡の冒険、全国選手権などの特別なゲームプレイがあなたを待っています。したがって、初心者プレイヤーがこのゲームをすぐに始めたい場合は、初心者ガイドが不可欠です。今日、編集者が関連するガイドをお届けしますので、見てみましょう。エンシェントクラウンの初心者向けガイド、ゲームプレイ、エリア開放スタイルの概要： 1. ダイヤモンド蓄積フロー：すべてはダイヤモンドを蓄積することに集中しており、村を出てから熱心に働き始めます。メインの魔法の武器、ダイヤモンドを必要とする 3 つのフライホイールアクティビティなどを除いて、その他は無視されます。主にそのうちの 1 つに重点が置かれます。ヒーローチャレンジには注意を払わないでください。できるだけ多く戦えます。、そしてそれを強制しないでください。利点: ダイヤモンドを集めるためにいじるだけで、村を出た後、ダイヤモンドを使った最新のアクティビティにすぐにアクセスでき、新しいハードウェアヒーローシリーズを入手でき、ダイヤモンドは壊れます。

李って何の元素？ Aug 03, 2023 am 11:19 AM

li は HTML マークアップ言語の要素であり、リストの作成に使用されます。 li は、ul または ol の子要素であるリスト項目を表します。li タグの役割は、リスト内の各項目を定義することです。 HTML では、通常、li 要素は、順序付きリストまたは順序なしリストを作成するために ul 要素または ol 要素とともに使用されます。順序なしリストは ul 要素を使用し、リスト項目は li 要素で表されますが、順序付きリストは ol 要素を使用し、また、 li 要素表現。

C 言語と C: 新しいプログラマーにとってどちらが良いか Mar 19, 2024 am 08:30 AM

C 言語と C: どちらが新人プログラマーに適しているか現代テクノロジーの急速な発展の時代において、キャリア開発の一環として、または論理的思考スキルを向上させる方法として、プログラミングを学ぶことはますます人気のある選択肢となっています。数あるプログラミング言語の中でもC言語とC言語はどちらも非常に古典的で代表的な言語ですが、初心者向けのプログラミング言語としてC言語とC言語のどちらを選べばよいか迷う方も多いと思います。では、プログラミング初心者には C 言語の方が適しているのでしょうか、それとも C の方が適しているのでしょうか?具体的なコード例が必要な場合

幻獣パルの入門スキルを早くマスターしよう Jan 23, 2024 am 08:45 AM

『幻獣パルル』はオンラインマルチプレイヤー対応のオープンワールドサバイバルゲームです。このゲームには生き物を収集するための豊富な方法があり、プレイヤーは戦闘、建設、サバイバルなどのさまざまな探索に参加できます。初心者プレイヤーにとって、ゲームの操作スキルやゲーム内容をマスターすることは非常に重要です。参考までに、初心者向けの戦略のヒントをいくつか紹介します。 1. 基本操作を学ぶ：ゲームを始める前に、移動、攻撃、収集などのゲームの基本操作を学ぶことをお勧めします。これにより、キャラクターの操作をより適切に制御できるようになります。 2. 世界を探索する: 幻獣パルルの世界は非常に広大で、多くの隠された場所やリソースがプレイヤーの発見を待っています。リスクを恐れず、隅々まで探索して幻獣パルを見つけてください。初心者のための簡単なヒント 1. ベースサイトの選択、平坦性を最優先にします。幻獣パルでは、

HTMLのliとは何ですか Nov 19, 2021 pm 03:31 PM

HTML における li の正式な英語名は「list item」で、「リスト項目」を意味します。リスト項目を定義する要素タグです。構文は「<li>list item content</li>」; " <li>" タグ順序付きリスト "<ol>" および順序なしリスト "<ul>" で使用できます。

See all articles

div ul li 初心者向けの基本的な質問です。専門家は参考にしてください。_html/css_WEB-ITnose

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック