Home >Web Front-end >HTML Tutorial >CSS DIV layout problem, please help! ! _html/css_WEB-ITnose

CSS DIV layout problem, please help! ! _html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-06-24 12:19:011043browse



When 5 DIV controls have no borders, they can be arranged in a row according to percentage. There is not enough space in the border, so the last arrangement was unsuccessful.


Reply to discussion (solution)

The border also accounts for the width. If each border is 1px, there is an extra 10px. Just change the proportion to be smaller.

If you must keep the percentage of each div from changing and preserve the border,
you can apply the following style to these divs:
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn