div+css の問題については専門家に質問してください。 _html/css_WEB-ITnose

専門家に聞きたいのですが、ボックスモデルのコードを書いたのですが、色の部分に疑問があります。
list-style-type を .middleborder に追加しても同じ結果が得られるのはなぜですか。結果？
float:left; .middleborder li でのみ正常に実行でき、.middleborder では実行できないのはなぜですか? ?

コードが添付されています:
one.html ファイルの内容:

a9dbfcd974b2cc2b68327d26513a837a
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
b2386ffb911b14667cb8f0f91ea547a7 新しいドキュメント 6e916e0f7d1e588d4f442bf645aedb2f
356dfda8f53438f69e8fdcc1d1497423
9c3bca370b5104690d9ef395f2c5f8d1

6c04bd5ca3fcae76e30b72ad730ca86d
f452d85428184c6c0ed33d21bb0ed879
bca43df87fadf3da8131a62c9596a152
25edfb22a4f469ecb59f1190150159c66d0f83b3d1e668c3821b1469e39d6f12bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c62cf4413779e88fc31894850b62312101bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6e1ead8f5f8282afc4b55b78bdca578d0bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c62cf4413779e88fc31894850b62312101bed06894275b65c1ab86501b08a632eb

929d1f5ca49e04fdcb27f9465b944689
width: 500px;
height:180px;
margin-top:200px;
width:480px; 0ピクセル;
ボーダー: 1px;
マージン-左: 5px;
.middleborder li
{
マージン-右: 8px; ;
}

.middleborder li img
{
width :50px;
height:50px;
margin-top:10px;


ディスカッションに返信

標準的な使い方は次のとおりです: ul｛list-style-type : none; ｝ その機能は、この ul に含まれる li リスト項目のスタイルが空であり、設定するのは :.middleborder li
{
list-style -type:none;｝
実際には li 要素にも作用するので、効果は同じです。なお、ul｛float:left｝はul要素が浮動することを意味しますが、求めている結果はli要素が浮動することなので、当然効果は異なります。 .middleborder li｛float:left｝とする必要があります
。基本的な使用法:

ul{margin:0;padding:0;list-style-type:none}ul li{float:left;display:inline;}

標準的な使用法は次のとおりです: ul｛list-style-type: none;} その機能は、この ul に含まれる li リスト項目のスタイルが空であり、設定するものは次のとおりです。 middleborder li
{
list-style -type:none;｝
実際には li 要素にも作用するので、効果は同じです。さらに、ul｛float:left｝はul要素が浮動することを意味しますが、あなたが望む結果はli要素です...

専門家に質問したいのですが、float:leftはli要素の浮動効果のみを使用できますか要素？ ? ul要素は使用できない、または使用しても効果がありませんか?

もちろん、ul は float 属性を使用できますが、コンテキストには適していません。 ul 要素で使用すると、ul 全体 (複数の li 要素を含む) をフローティングすることを意味します。たとえば、複数の ul 要素がある場合は、次のようになります。これらの ul 要素がフローティング方式で配置されている場合は、ul｛float:left｝ を使用できます