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

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

WBOY

リリース： 2016-06-24 12:18:02

オリジナル

938 人が閲覧しました

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

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

新しいドキュメント

/li>

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｝を使用できます