【確認待ち】［Outer］Outerブロックの中にOuterを入れて、外側のOuterにコンテナ内部のスペース設定を入れると内側のOuterにもコンテナ内部のスペース設定が入ってしまう。

[goutetsuguma]

Outerの中にOuterはあまり入れないと思いますのでレアなケースですが、フォーラムでのご報告がありました。

https://vws.vektor-inc.co.jp/forums/topic/outer%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e4%b8%8a%e3%81%aeouter%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e3%80%8c%e3%82%b3%e3%83%b3%e3%83%86%e3%83%8a%e5%86%85%e5%81%b4%e3%81%ae%e3%82%b9%e3%83%9a#post-74513

▼いただいたコードエディタ

<!-- wp:vk-blocks/outer {"bgColor":"vk-color-custom-2","outerWidth":"full","padding_left_and_right":"1","opacity":1,"innerSideSpaceValuePC":150,"blockId":"e9bbc81e-56f6-4230-b26a-b3a7beb71b1d","className":"vk_block-margin-lg\u002d\u002dmargin-top"} -->
<div class="wp-block-vk-blocks-outer vkb-outer-e9bbc81e-56f6-4230-b26a-b3a7beb71b1d vk_outer vk_outer-width-full alignfull vk_outer-paddingLR-use vk_outer-paddingVertical-use vk_outer-bgPosition-normal vk_block-margin-lg--margin-top"><span class="vk_outer-background-area has-background has-vk-color-custom-2-background-color has-background-dim has-background-dim-10"></span><div><div class="vk_outer_container"><!-- wp:vk-blocks/heading {"titleStyle":"plain","titleColor":"vk-color-custom-1","className":""} -->
<div class="wp-block-vk-blocks-heading"><div class="vk_heading vk_heading-style-plain"><h2 class="vk_heading_title vk_heading_title-style-plain has-text-color has-vk-color-custom-1-color"><span>会社沿革</span></h2></div></div>
<!-- /wp:vk-blocks/heading -->

<!-- wp:vk-blocks/outer {"bgColor":"white","padding_left_and_right":"1","padding_top_and_bottom":"0","opacity":1,"blockId":"86901496-a0b1-4583-b051-15f7dca775cd"} -->
<div class="wp-block-vk-blocks-outer vkb-outer-86901496-a0b1-4583-b051-15f7dca775cd vk_outer vk_outer-width-normal vk_outer-paddingLR-use vk_outer-paddingVertical-none vk_outer-bgPosition-normal"><span class="vk_outer-background-area has-background has-white-background-color has-background-dim has-background-dim-10"></span><div><div class="vk_outer_container"><!-- wp:vk-blocks/timeline -->
<div class="wp-block-vk-blocks-timeline vk_timeline"><!-- wp:vk-blocks/timeline-item {"label":"1973年","style":"solid"} -->
<div class="wp-block-vk-blocks-timeline-item  vk_timeline_item vk_timeline_item_lineStyle-default"><div class="vk_timeline_item_caption">1973年</div><div class="vk_timeline_item_content"><!-- wp:paragraph -->
<p>xxxがxxxを創業<br>同年、xxx他２名によりxxxを創業</p>
<!-- /wp:paragraph --></div><div class="vk_timeline_item_style vk_timeline_item_style-default"></div></div>
<!-- /wp:vk-blocks/timeline-item -->

<!-- wp:vk-blocks/timeline-item {"label":"1985年","style":"solid"} -->
<div class="wp-block-vk-blocks-timeline-item  vk_timeline_item vk_timeline_item_lineStyle-default"><div class="vk_timeline_item_caption">1985年</div><div class="vk_timeline_item_content"><!-- wp:paragraph -->
<p>xxxをxxx有限会社として法人化<br>xxxが代表取締役に就任</p>
<!-- /wp:paragraph --></div><div class="vk_timeline_item_style vk_timeline_item_style-default"></div></div>
<!-- /wp:vk-blocks/timeline-item -->

<!-- wp:vk-blocks/timeline-item {"label":"2017年","style":"solid"} -->
<div class="wp-block-vk-blocks-timeline-item  vk_timeline_item vk_timeline_item_lineStyle-default"><div class="vk_timeline_item_caption">2017年</div><div class="vk_timeline_item_content"><!-- wp:paragraph -->
<p>xxxが会⾧に、xxxが代表取締役に就任</p>
<!-- /wp:paragraph --></div><div class="vk_timeline_item_style vk_timeline_item_style-default"></div></div>
<!-- /wp:vk-blocks/timeline-item -->

<!-- wp:vk-blocks/timeline-item {"label":"2020年","style":"solid"} -->
<div class="wp-block-vk-blocks-timeline-item  vk_timeline_item vk_timeline_item_lineStyle-default"><div class="vk_timeline_item_caption">2020年</div><div class="vk_timeline_item_content"><!-- wp:paragraph -->
<p>xxx有限会社にて宅地建物取引業を取得</p>
<!-- /wp:paragraph --></div><div class="vk_timeline_item_style vk_timeline_item_style-default"></div></div>
<!-- /wp:vk-blocks/timeline-item -->

<!-- wp:vk-blocks/timeline-item {"label":"2021年","style":"solid"} -->
<div class="wp-block-vk-blocks-timeline-item  vk_timeline_item vk_timeline_item_lineStyle-default"><div class="vk_timeline_item_caption">2021年</div><div class="vk_timeline_item_content"><!-- wp:paragraph -->
<p>xxxを廃業<br>xxx有限会社にて不動産業と建設業を開始</p>
<!-- /wp:paragraph --></div><div class="vk_timeline_item_style vk_timeline_item_style-default"></div></div>
<!-- /wp:vk-blocks/timeline-item -->

<!-- wp:vk-blocks/timeline-item {"label":"2023年","style":"solid"} -->
<div class="wp-block-vk-blocks-timeline-item  vk_timeline_item vk_timeline_item_lineStyle-default"><div class="vk_timeline_item_caption">2023年</div><div class="vk_timeline_item_content"><!-- wp:paragraph -->
<p>創業50年を迎える</p>
<!-- /wp:paragraph --></div><div class="vk_timeline_item_style vk_timeline_item_style-default"></div></div>
<!-- /wp:vk-blocks/timeline-item --></div>
<!-- /wp:vk-blocks/timeline --></div></div></div><style type="text/css">
	.vkb-outer-86901496-a0b1-4583-b051-15f7dca775cd .vk_outer_container{
		padding-left:0px;
		padding-right:0px;
	}
	@media (min-width: 576px) {
		.vkb-outer-86901496-a0b1-4583-b051-15f7dca775cd .vk_outer_container{
			padding-left:0px;
			padding-right:0px;
		}
	}
	@media (min-width: 992px) {
		.vkb-outer-86901496-a0b1-4583-b051-15f7dca775cd .vk_outer_container{
			padding-left:0px;
			padding-right:0px;
		}
	}
	</style>
<!-- /wp:vk-blocks/outer --></div></div></div><style type="text/css">
	.vkb-outer-e9bbc81e-56f6-4230-b26a-b3a7beb71b1d .vk_outer_container{
		padding-left:0px;
		padding-right:0px;
	}
	@media (min-width: 576px) {
		.vkb-outer-e9bbc81e-56f6-4230-b26a-b3a7beb71b1d .vk_outer_container{
			padding-left:0px;
			padding-right:0px;
		}
	}
	@media (min-width: 992px) {
		.vkb-outer-e9bbc81e-56f6-4230-b26a-b3a7beb71b1d .vk_outer_container{
			padding-left:150px;
			padding-right:150px;
		}
	}
	</style>
<!-- /wp:vk-blocks/outer -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

[drill-lancer]

マージされたので Close